Cara Membuat Widget Feedburner Di Bawah Postingan Blog

Di artikel sebelumnya tentang cara membuat widget berlangganan atau widget feedburner diblog, ada salah satu sahabat blogger yang bertanya bagaimana cara memasang widget feedburner dibawah postingan atau dibawah artikel blog. Maka dikesempatan ini seocips akan membagikan tutorialnya kepada anda.

Kegunaan widget Feedburner adalah untuk memudahkan para pengunjung mendapatkan update seluruh informasi terbaru yang terbit di blog kita. Untuk mempermudah pengunjung yang ingin menjadi pembaca berlangganan artikel Blog kita, kita bisa memasang sebuah widget pada Blog kita yaitu widget berlangganan feedburner. Sebelum memasang widget ini, pastinya terlebih dahulu sobat harus mendaftarkan Blog ke Google Feedburner.

Widget Feedburner berikut ini sudah pernah saya pasang di template yang pernah dibagikan sebelumnya yaitu Template Blogger Simplecips. Untuk demonya silahkan lihat template itu dan masuk ke salah satu artikelnya. Mungkin di demonya sedikit berbeda karena diatasnya telah saya tambahkan widget sosial share efek slide.

Cara Membuat Widget Feedburner Di Bawah Artikel

1. Log In dulu ke Blogger
2. Di Dasbor Pilih Template
3. Simpan dulu Template untuk cadangan supaya Template bisa di kembalikan seandai nya terjadi kesalahan edit
4. Lalu Klik Edit HTML
5. Cari kode ]]></b:skin> (Gunakan Ctrl+F untuk memudahkan pencarian kode) dan pasang kode di bawah ini di atas atau sebelum kode ]]></b:skin>

.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px;-webkit-border-radius:5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .seocips33 { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGU8BMYk80ekaN2nYGn5PQ_Sr604Ptzb3o8eMdDr3l6HkgoS1EQb8OcFiOKsqplquExd4OgZ2wrZAOVqKhajkeRQjHunbtToqacJV1y8vIcpyxuW2oecTi916W4R0AP8hww5YnCEsHt1c/s1600/seocips.com.jpg') no-repeat bottom right; } .seocips33 a { background: none;}  .inpseocips33 { border: 1px solid #B9C1C6; width: 170px;height: 16px; font-size: 12px; padding:3px 4px 4px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;} .sbmtseocips33 {background:#9b9b9b;border: 1px #9b9b9b solid;color:#FFF;font-size:13,5px;font-family:Arial,Tahoma,Verdana;margin-left:5px;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:7px;-webkit-border-radius: 7px;} .cips33subs table {border-collapse: inherit; border: none;} .cips33subs tr { border:0;} .cips33subs td { border:0;} .cips33subs th { border:0;} .clear { clear: both; }

6. Cari seperti kode ini <data:post.body/>  dan kalau kode nya ada 2 letakan kode di bawah ini setelah atau di bawah kode <data:post.body/> ( coba saja satu persatu atau misalnya jika di template anda ada widget share sosial media seperti facebook dkk letakan sesudah kode sosial ini, atau jika ditemplate sobat ada related postnya silahkan letakan diatas kode related post ).

<!-- Script Artikel Berlangganan  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='kotakRSS1'>
<div class='seocips33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/seocips' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Seocips.COM
<div class='cips33subs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=seocips&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpseocips33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='seocips'/>
<input name='title' type='hidden' value='seocips'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtseocips33' type='submit' value='Subscribe'/></div>
</form></td><td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/seocips'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/seocips?bg=9b9b9b&amp;fg=fffffff&amp;anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/></b:if><!-- End Artikel Berlangganan -->

7. Jika semuanya sudah sesuai dengan keinginan anda, terakhir simpan kode untuk melihat hasilnya

Nah Mungkin saja widget diatas ingin anda gabungkan dingan widget sosial share seperti pada demonya, jika ya, coba caranya di artikel cara membuat widget feedburner dengan tombol sosial slide di Blog.  Baca juga:

• Widget Popup email Subcribe Feedburner v1
• Widget Popup email Subcribe Feedburner v2

Sekian tutorial dari seocips.com tentang cara memasang widget Feedburner di bawah postingan. semoga bermanfaat dan jangan lupa ikuti blog ini juga.

Read More

Cara Daftarkan Blog Ke Rss Feedburner Terbaru 2016

SEOBERS. Cara daftarkan blog ke Rss Feedburner terbaru- Cara daftar feedburner- Mendaftarkan blog ke Feedburner- Daftar di Rss Feedburner. Feedburner digunakan sebagai alat untuk memudahkan pengunjung untuk tetap bisa melihat Update blog melalui Email mereka. Dengan menggunakan Feedburner di website atau blog, pengujung blog yang telah berlangganan akan mendapatkan pemberitahuan update terbaru dari blog anda yang akan dikirimkan langsung ke email mereka.

Tentu saja Ini akan membantu meningkatkan page view setiap artikel dan akan berpengaruh untuk meningkatkan traffic blog anda. Feedburner akan memeriksa RSS Feed asli dari website/ blog anda secara berkala, bahkan bisa juga dilakukan setting agar setiap terdapat update artikel maka akan otomatis melakukan Ping ke Feedburner.

 

 

Artikel kali ini kita akan membahas mengenai bagaiman cara mendaftarkan dan mengaktifkan feedburner di blog/ web. Memang terdapat banyak tutorial tentang cara mendaftar ke FeedBurner dimana itu semua tidak akan bekerja tanpa anda mengaktifkannya.

Cara Mendaftar Ke Feedburner 

Langkah-langkahnya sebagai berikut.
1. Kunjungi www.feedburner.com dan lakukan login dengan account Google atau Gmail anda.
2. Pada halaman Feedburner Google ini silahkan pada kotak isikan URL blog Anda, misalnya http://dapasun.blogspot.com/. ( sebelumnya alamat Blog ini adalah dapasun blogspot kemudian berganti domain menjadi seocips.com ) Lihat gambar dibawah ini:

3.Setelah itu feedburner akan melacak alamat feeds anda. Pilih RSS atau Atom terserah anda karena semuanya sama.

Jika Feed burner berhasil melacak website anda maka tampilannya seperti gambar di atas tapi jika tidak berhasil maka kemungkinaan akan ada tulisan Recived HTTP error."Not Found" while fetching source feed. kira-kira tampilannya seperti gambar di bawah ini.

Karena masalah ini sama seperti masalah Recived HTTP error."Not Found" while fetching source feed dalam mendaftarkan blog ke Feed Burner sama dengan masalah "The URL does not appear to reference a valid XML file" maka jika mengalami hal yang sama diatas untuk mengatasinya gunakan saja cara DISINI.

4. Tentukan nama feeds anda kemudian klik next.

 5. Setelah Klik next. Jika berhasil maka ada pemberitahuan yang menyatakan pembuatan feed Burner anda berhasil. Seperti gambar di bawah ini. Dan ingat atau simpan alamat feed burner anda seperti yang terterah di gambar. Selanjutnya klik Next.

6. Selanjutnya anda akan diberikan beberapa pilihan, ikuti saja seperti gambar dibawah ini dan klik Next

 8. Tanda anda selesai membuat feed Burners adalah seperti gambar berikut ini.

9. Selanjutnya setelah sobat membuatnya sekarang tinggal cara mengaktifkanya di blog atau website anda.

Cara Memasang Rss Feed Burner Ke Blog 

1. Masuk ke pengaturan Blogger Anda.
2. Pada menu Setelan pilih submenu Lainnya
3. Pilih Posting URL Pengubahan Arah Feed silahkan klik Tambah.
4. Masukkan URL Feedburner saudara.
5. Silahkan klik Simpan Setelan. Untuk lebih jelasnya lihat gambar di bawah ini.

6.Langkah selanjutnya adalah mendapatkan kode script feed untuk dipasang pada blog, jika anda ingin memasang feed tersebut. Misalnya Anda ingin memasang feed untuk gadget sidebar. Pilih salah satu services yang disediakan. caranya seperti berikut.
7.. Pillih Publicize >> Email Subscription >> Pada pilihan Use as widget in : ganti ke Blogger. Kemudian Copy script Feed Burner yang ada.

8. Masuk kembali ke pengaturan tata letak template anda dan pilih tambahkan gatget. Silahkan pilih dimana anda ingin meletakan widget feed burner anda misalnya di sidebar. Pilih tambahkan Gatget>>HTML/Javascript.

9. Langkah terakhir silahkan masukan kode sript yang anda copy dari feed Burner Tadi. Kemudian simpan. Jika berhasil terpasang contohnya seperti gambar berikut ini.

 10. Selesai.

Nah jika sobat sudah berhasil mendaftarkan blog ke feedbuarner dan mencoba widget sederhananya di atas, sekarang waktunya ke widgetnya yang sudah di modif dan lebih keren lagi. Seperti widget dibawah ini:

• Widget Feedburner 2
• Widget Subcribe Feed Flat UI
• Widget email subcribe efek popup 1
• Widget email subcribe efek Popup 2
• Widget Feedburner dibawah postingan.

Bagaimana sobat? mudah bukan. Jika anda mengikuti langkah- langkahnya dengan benar pasti anda dapat berhasil memasang feeed burner ke blog atau website anda. Saya rasa cukup untuk saat ini dan semoga Cara Daftarkan Blog Ke Rss Feed Burner Terbaru dan Cara Memasang Rss Feed Burner Ke Blog dapat bermanfaat untuk anda.

Read More

Cara membuat widget Feedburner/ kotak berlangganan artikel di Blog

Cara membuat widget Feedburner/ kotak berlangganan artikel Blog. Feedburner adalah salah satu penyedia pengiriman artikel blog kita ke alamat e-mail yang telah didaftarkan. kegunaan widget Feedburner adalah untuk memudahkan para pengunjung dalam meng-update seluruh informasi terbaru yang terbit di blog kita, karena hanya dengan mereka mengisi form berlangganan artikel menggunakan email mereka masing-masing lalu klik subscribe, pengunjung langsung bisa menikmati kiriman artikel secara otomatis setiap ada artikel terbaru yang terbit di blog kita tanpa harus membayar sepeser pun, alias gratis.

widget Feedburner

Untuk mempermudah pengunjung yang ingin menjadi pembaca berlangganan artikel Blog kita, kita bisa memasang sebuah widget pada Blog kita yaitu widget berlangganan feedburner. Sebelum memasang widget ini, pastinya terlebih dahulu sobat harus mendaftarkan Blog ke Google Feedburner.

Sebelumnya juga seocips.com telah membagikan widget berlangganan Flat UI design Style.
Widget seperti ini pernah saya pasangkan di Adasenze Template.

Membuat Widget Feedburner di Blog

1. Login ke akun Blogger sobat.
2. Masuk ke bagian Template dan klik Edit HTML.
3. Dengan Menggunakan tombol ctrl+F, carilah kode ]]></b:skin> dan letakan kode berikut di atas kode ]]></b:skin>.

.form {
border:1px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:100%; /* panjang form */
height:auto /* tinggi form */
}
.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTFMcvPiy093FMvnknGz1UIYqeuqRwAAhGb-JQXZXDD7qVRRSo6sKnJpthncXPKXJ9pbGX0RS53-36NX8ti4TpuznxvuLXj_IUdHPy30epwsKC6BEKPr0vaLd4AuZTIinFRbQmZlmteNw/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
}

4. Jika telah selesai, maka klik Simpan Template.
5. Selanjutnya masuk ka bagian Tata Letak.
6. Klik Tambahkan gadget di posisi yang sobat inginkan.
7. Pilih mode HTML/Javascript dan masukanlah kode berikut.

<div class='form'>
<div class='rss'>
<div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><img alt='small rss seocips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiArVv_HqdK1eZMCPeU5kXYcEvGMvyTDhbOgpsuI5z8Zqjnh77Hlw1uBLurnaoYx80IfxdozvTeZ1LRLwGovEwKOec_rqkomDcSXtXLwXjPhcZ-8UC_C42tF7dZnLzk8yYTC2Allru2yW-T/s1600/small+rss.png' title='RSS Feed'/> <a href='http://feeds.feedburner.com/seocips' rel='nofollow' target='_blank'>LANGGANAN ARTIKEL</a></div>
<div style='font-weight:bold; padding:10px 10px;'>GET UPDATE VIA EMAIL</div>
<div style='padding-left:10px'>Berlangganan artikel via email!</div>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=seocips&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><div style='padding-left:10px; padding-bottom:10px; padding-top:10px'><input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}' onfocus='if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}' style='width:160px; height:18px' type='text' value='Ketik email anda disini...'/> <input name='uri' type='hidden' value='seocips'/><input name='loc' type='hidden' value='en_US'/><input class='button' type='submit' value='SUBCRIBE'/></div></form>
<div style='padding-left:10px'><p><a href='http://feeds.feedburner.com/seocips' rel='nofollow'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/seocips?bg=FF6600&amp;fg=FFFFFF&amp;anim=1' style='border:0' width='88'/></a></p></div>
</div></div>

8. Jika telah selesai, klik Simpan.

LIHAT DEMO

Jika sobat ingin juga widget berlangganan yang menarik lainnya, coba baca : widget berlangganan efek popup v3, widget berlangganan efek popup V2, dan widget berlangganan keren lainnya untuk Blog Blogger Blogspot.

Membuat kotak berlangganan blog dapat memberikan dampak positif pada blog yang bermanfaat memberikan memberi tahukan kepada pengunjung blog yang telah berlangganan baik melalui plugin Facebook atau pun melalui email dengan memasang widget kotak berlangganan di blog.

Read More

Cara Membuat Kotak Feedburner Efek Popup Dengan Tombol Close Untuk Blogger

Membuat Kotak Feedburner Efek Popup di Blogger. Ini adalah postingan yang kesekian kali ketika saya membahas tentang widget feedburner. Nah untuk itu bagi kamu yang belum tahu kegunaan widget ini bisa baca disini.

Widget feedburner berikut ini berbeda dengan widget fedburner dengan efek popup yang telah dibagikan sebelumnya, pada widget biasa, biasanya akan langsung muncul ketika/bersamaan dengan dimuatnya satu halaman pada blog. Widget ini berbeda karena akan muncul ketika pengguna sedang membaca artikel pada halaman anda.

Kotak Feedburner Efek Popup

Tentusaja untuk membuat widget feedburner ini blog kamu sudah terdaftar pada feedburner.google.com , untuk anda yang belum terdaftar coba baca: cara daftar blog ke rss feedburner. Jika sudah berikut adalah cara membuatnya.

Membuat Kotak Berlangganan Feedburner Efek Popup di Blogger

1. Pertama pada Blog Blogger anda pilih menu Template => Edit HTML
2. Letakan kode dibawah ini diatas </head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/Brando07/share/newbe/SEOCIPS-obcdf.js"></script>
<link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'/>

3. Selanjutnya letakan kode dibawah ini diatas kode ]]></b:skin>. Kalau tidak ada letakan saja di atas kode </style> ( jika ada lebih dari satu kode  </style>, pastikan di tempat yang paling sesuai ).

#ccexitpop{font-family: 'Electrolize', sans-serif;display:none;position:fixed;top:0;left:0;width:100%;height:100%;}
#ccexitpop .overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:0.7;z-index:99998;}
#ccexitpop .popbox{font-family: 'Electrolize', sans-serif;z-index:99999;border-bottom:5px solid#0072c3;color:#333;width:580px;height:210px;background:#fafafa;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;}
#ccexitpop .popbox-title{font-family: 'Electrolize', sans-serif;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);color:#fff;padding:10px;margin:0;border-radius:4px 4px 0 0;text-align:center}
#ccexitpop h2{font-family: 'Electrolize', sans-serif;color:#fff;font-size:18px;margin:5px;text-transform:uppercase;font-weight:bold;}
#ccexitpop .popbox-body{padding:20px;padding-bottom:10px;font-size:12px;}
#ccexitpop .popbox-close{position:relative;text-align:center;width:30px;float:right;}
.cc-subs{width:320px;float:left}
.popbox-credit{float:right;width:50px;height:45px;line-height:45px;}
.popbox-credit a{text-decoration:none; font-size:9px; color:#ccc; margin: 10px;}
.popbox-title img{width:30px;position:relative;top:5px;right:4px;border:0;}
#thebutton {margin-top:5px;font-family: 'Electrolize', sans-serif;width: 300px;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);    background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #2dabf9;display:inline-block;cursor:pointer;color:#ffffff;font-size:15px;padding:9px 23px;text-decoration:none;}
#thebutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));    background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);    background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);    background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);}
#thebox {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcLMb1v3PYFdrIX8a45B-5-Bx8fHpbJ34sHsBrIVoy0KFtoWluHWSHDpVNCIDOntwAcz5mqQstJKoc2y3_597djpsTptlDDD6jDMVoUEzYZNlUbGL8AUEVQtriuO2vZ38apaa-MCNdJhI/s1600/email.png')no-repeat right center; background-size:25px 25px;width:242px;font-family: 'Electrolize', sans-serif;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;  -o-transition: all 0.30s ease-in-out;outline: none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:9px 28px;margin: 5px 1px 3px 0px;border: 1px solid #DDDDDD;}
#thebox:focus {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcLMb1v3PYFdrIX8a45B-5-Bx8fHpbJ34sHsBrIVoy0KFtoWluHWSHDpVNCIDOntwAcz5mqQstJKoc2y3_597djpsTptlDDD6jDMVoUEzYZNlUbGL8AUEVQtriuO2vZ38apaa-MCNdJhI/s1600/email.png')no-repeat left center; background-size:25px 25px;box-shadow: 0 0 5px rgba(81, 203, 238, 1);-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1);-o-box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 1px solid rgba(81, 203, 238, 1);}
#text-right{float:right;}
#text-right h2{font-family: 'Electrolize', sans-serif;padding-left:30px;padding-top:3px;font-size:16px; color:#333; margin:5px;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRX_oVfwB4zYwUjcFJM6w2-LMmIfCoR8G6XO8DzRi2bQ4cOES93LIELuDRYb4nshnUgn6JMAIknDcWwrwkoP3JuSeSX-NvafYvXfxvgg-dNCOV3m4S4I_JQgErcMubes5Hok5JyoGiOw4/s1600/mark.png')no-repeat left;background-size: 25px 25px}

4. Letakan kode dibawah ini diatas kode </body>.

<!-- Exit Popup Feedburner By Seocips -->
<div id="ccexitpop">
<div class="overlay"></div>
<div class="popbox">
<div class="popbox-title">
<h2><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5IDeB-SI8hVl3rlKzslQfHXDe6b-I5616x317QycNXgn-GRnYIxQlerfnB5sRUPERbc-8VEu3lSdJqgfU1zDz83CS2IFKxV4_i74sO3f8RHGXNty1uWVuDWnoAzqO0YbSTK-VNzBm8gE/s1600/feedburner-icon.png" />Subscribe Before Leaving</h2>
</div><!--Title-->
<div class="popbox-body">
<div class="cc-subs">
<!--//The Subscribtion Box
Make sure you edit it before saving//-->
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&quot;http://feedburner.google.com/fb/a/mailverify?uri=seocips" , "popupwindow", &quot;scrollbars=yes,width=550,height=520&quot;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='seocips'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='emailinput' id='thebox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email'/>
<input id='thebutton' type='submit' value='Subscribe Now'/>
</form>
</div><!--Subscribe-->
<div id="text-right">
<h2>100% Free</h2>
<h2>Regular Updates</h2>
<h2>No Spamming</h2>
</div><!--Text right-->
</div><!--Body-->
<div class="popbox-close">
<a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTyE3isP43BNYr3cDRw0HJ3ak_BaNccnrgQrsZWEhP3GeyPau54qW5J9YMfPdtSbod1G34PZJNyM7IZtVxstqVThnjggputEZll7bCOFDYU52mr5BM09MihF5jRMCOHfc9v9MMVqhZb7c/s1600/closebtn.png" /></a>
</div><!--close-->
<div class="popbox-credit">
<a href="http://www.blog.seocips.com/2015/09/feedburner-subscription-form-popup.html" target="_blank">Install</a>
</div><!--Credit-->
</div><!--Popbox-->
</div><!--ccexitpop-->
<script>
var _ouibounce = ouibounce(document.getElementById('ccexitpop'), {
aggressive: true,
timer: 0,
callback: function() { console.log('ouibounce fired!'); }
});
$('body').on('click', function() {
$('#ccexitpop').hide();
});
$('#ccexitpop .popbox-close').on('click', function() {
$('#ccexitpop').hide();
});
$('#ccexitpop .popbox').on('click', function(e) {
e.stopPropagation();
});
</script>
<!--End Of All-->

5. Save tamplate dan lihat hasilnya.

DEMO SHOW

Oh iya jangan lupa pada bagian ini di ganti atau di edit sesuai dengan Feedburnernya kamu.

http://feedburner.google.com/fb/a/mailverify?uri=seobers
<input name='uri' type='hidden' value='seobers'/>

Jika kamu masih tertarik dengan widget feedburner coba juga yang ini:

• Widget feedburner efek popup v1
• Cara memasang widget Feedburner dibawah postingan.

Nah sekian widget blog yang dapat dibagikan saat ini. Bagaimana mudah bukan? semoga bermanfaat. Terima kasih.

Read More