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.

Cara membuat widget Feedburner/ kotak berlangganan artikel di Blog

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.


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("http://2.bp.blogspot.com/-jmuQUB4DMqQ/T0c_XbrNFNI/AAAAAAAAANA/MkkIRrGu7Xg/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='http://1.bp.blogspot.com/-FOGTDw0Cxh8/TwXY4E-RYeI/AAAAAAAAAU0/EmR05E07EHc/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.



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.
22 Komentar untuk "Cara membuat widget Feedburner/ kotak berlangganan artikel Blog"

keren gan, oia kalau saya mau masang nya setelah postingan gimana gan cara nya ?

silahkan baca artikel selanjutnya gan, atau klik link berikut ini :

Memasang widget Feedburner dibawah postingan

kalau ditambah like facebook, follow twitter gimana kak caranya?

cara masukin email kita gimana kok gk di kasih tau

bang saya udah berhasil masang, tapi gambar jumlah readers nya gak muncul yah? itu kesalahannya dimana? apa karna gak ada yg listen sama sekali? cek blog ~> www.cowokramah.com

thanks gan (o) Artikelnya Kreen banget (o)

cek saja di daftar isi sob, karna link di komentar sudah saya matikan..

Loggin ke feedburner google nya sobat, kalau tidak salah setingannya ada di bagian Publicize>> feedCount dan aktifkan. atau kopi kode scriptnya.

Bisa kok tinggal cari aja widget sosialnya, tambahkan css widget sosial dan tambahkan juga html widget sosial ke dalam widget ini.

kode html nya nggak ada perubahan apa2 ya gan? maksudnya, yang kita mau kan feed rss punya blog saya, apa ndak ada yang mesti diubah?

Url feedburnernya diganti dengan url(alamat) fedburnernya sobat.

Maksudnya cara masukan email untuk berlangganan artikel? jika itu tinggal masukan emailnya di kotak yang tersedia kemudian klik tombol subcribe.

Selamat siang mas, saya sudah lettkan di widget saya, pi tulisan suscribe nya menjadi didalam kotak beri tidak sperti digambat, apa solusinya ya mas

mantab
http://apotekacemaxs.com/

keren gan artikelnya,, ada widget lain ga selain itu? :)

keren artikel nya gan terimakasih,salam kenal.

posnya sangat membantu sekali, terimakasih. kunjungi juga blog saya, baru buat nih, hhi

saya akan coba pasang di blog ane silahkan kalau berhasil agan boleh lihat hasilnya

Makasih Brow Atas petunjuknya...

keren Abis..

butuh informasi tempat wisata silahkan kunjungi blog kami