Cara Membuat Widget Feedburner Menu Berlangganan Artikel Blog

Cara membuat feedburner di blogspot. Feedburner adalah layanan pengirim artikel blog yang kita post ke alamat email yang terdaftar. Adapun keguanaan dari feedburnen adalah untuk memudahkan para pengunjung mendapatkan update seluruh artikel blog yang baru kita terbitkan. Artikel blog bisa dinikmati oleh pengujung yaitu dengan memasukan alamat email kemudian mengklik subscribe secara otomatis artikel blog akan masuk ke alamat email yang sudah didaftarkan tersebut siap menikmati secar geratis.

Sebelum anda memasng widget ini diharuskan terlebih dahulu untuk mendaftarkan blog kita ke feedburner.

Cara Membuat Feedburner di Blog
1. Login ke akun blogger anda
2. buka di bagian template edit HTML
3. Tekan Ctrl +F cari kode ]]></b:skin> setelah ketemu copy code dibawah ini dan letakan tepat 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/AVvXsEggjKthwP20rzefZLlIAqbVT4vU3cWsSkt_HdocfaMRyGniS1w4rgaBcHdukg-TQuz0RThNgi-rGMLHGTrh2cCnfZeJpDmmpoi5QAj9r_9rMvVzz5_DHw_vofwa0yoKLgiO5e5SFH36YLE/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right; }

4. Selanjutnya klik Simpan template
5. Berikutnya masuk ke bagian Tata Letak
6. Klik tambah gadget dengan posisi yang anda tentukan
7. Pilih mode HTML/Java Script dan masukan 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 CaraEkaDitaBlog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkwYmpGHBlFpRxD7a5zmjSOdM8wDibdUH4FCe7BdYhFqsIxHvAHoNBQHUt7LZffGACpCzcB0WaopKt2_M89nMWOcQyLckKVUDIjpmJCsYt57WI6hcOrJwaKAZymjRTsIei8JH1DmrB94pe/s1600/small+rss.png' title='RSS Feed'/> <a href='http://feeds.feedburner.com/CaraEkaDitaBlog' 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('http://feedburner.google.com/fb/a/mailverify?uri=CaraEkaDitaBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><div style='padding-left:10px; padding-bottom:10px; padding-top:10px'><input name='email' onblur='if (this.value == "") {this.value = "Ketik email anda disini...";}' onfocus='if (this.value == "Ketik email anda disini...") {this.value = ""}' style='width:160px; height:18px' type='text' value='Ketik email anda disini...'/> <input name='uri' type='hidden' value='CaraEkaDitaBlog'/><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/CaraEkaDitaBlog' rel='nofollow'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/CaraEkaDitaBlog?bg=FF6600&fg=FFFFFF&anim=1' style='border:0' width='88'/></a></p></div>
</div></div>

8. Klik Simpan

Cek hasilnya, semoga berhasil dan bermanfaat

Tag : Blog