Cara membuat widget Subcribe Feedburner / widget berlangganan artikel Blog

HaiSob apa kabar? kesempatan ini saya akan membagikan sebuah widget subcribe/ widget berlangganan artikel blog dari feedburner.

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.

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

Widget Subcribe Feedburner


Cara membuat widget Feedburner/ kotak berlangganan artikel di Blog
Widget Subcribe Feedburner




Cara memasang Widget Subcribe Feedburner di Blogger


1. Di Blog Blogger 😀
2. Pilih menu Tata Letak lalu klik  Tambahkan Gadget.
3. Kemudian pilih widget HTML/JavaScript

Cara membuat widget Feedburner/ kotak berlangganan artikel Blog
Tata Letak >> Tambah Gadget >> HTML / Javascript

4. Masukan kode dibawah ini :
<style>
.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://4.bp.blogspot.com/-tMSXS3poB5E/WRaAlVbfO2I/AAAAAAAAHz4/RIGVlkarRc05VF4-q44zZqsjjtYrIpuyQCLcB/s200/widget-feedburner-haisob.png") no-repeat top right;
}
</style>
<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 haisob' src='http://1.bp.blogspot.com/-FOGTDw0Cxh8/TwXY4E-RYeI/AAAAAAAAAU0/EmR05E07EHc/s1600/small+rss.png' title='RSS Feed'/> <a href='http://feeds.feedburner.com/haisob' 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=haisob&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='haisob'/><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/haisob' rel='nofollow'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/haisob?bg=FF6600&amp;fg=FFFFFF&amp;anim=1' style='border:0' width='88'/></a></p></div>
</div></div>
5. Edit semua kode berwarna di atas dengan feedburner milik sobat.

Membuat kotak berlangganan dapat memberikan dampak positif pada blog yang bermanfaat memberi tahukan kepada pengunjung blog yang telah berlangganan melalui email, bahwa ada artikel baru yang baru saja di publikasikan.