Cara Membuat Widget Berlangganan Artikel via Email di Blog

Hai sobat Berbagi Info Bermanfaat . Malam hari ini saya akan share widget sederhana namun sangat bermanfaat. Saya akan share Cara Membuat Widget Berlangganan Artikel via Email di Blog . Widget ini sangat bermanfaat bagi sobat blogger. Karena widget ini bisa mengirimkan artikel blog melalui email jika seseorang mendaftarkan emailnya diwidget ini. Nanti jika seseorang berlangganan artikel diblog sobat, maka dia akan update artikel artikel yang sobat publish melalui email.

Tertarik membuat widget ini? Ikuti langkah-langkahnya.

Daftarkan dulu blog sobat di Google Feedburner.
Bagi sobat yang belum daftar, bisa klik disini Cara Mendaftarkan Blog/Web di Google Feedburner .
Setelah daftar, ikuti langkah-langkahnya dibawah ini.

1. Login ke blog sobat
2. Klik TEMPLATE
3. Klik EDIT HTML
4. Cari kode ]]></b:skin> . Gunakan CTRL+F untuk mencari kode tersebut.
5. Setelah ketemu, letakan kode dibawah ini tepat diatas kode ]]></b:skin> .

.form {

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

6. Setelah itu Save Template.

7. Klik TATA LETAK
8. Klik TAMBAH GADGET
9. Klik HTML/JavaScript
10. Masukan kode dibawah ini.

<div class="form">
<div class="rss">
<div style="font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj12ptQPVn8nuBCCTmRlsPywEGem4Em3CsEb8cxIS7Faf4Cp8G6nEqNSk1VqQx8OCyUQspy06h2_VZHN5KPi3o7o8T5UcvsflR3eqEcgZ_t_2pOu2qKW8oJCMif6gFMUBlPisHq6JkRap5P/s1600/small+rss.png" alt="small rss IDFEEDBURNER" title="RSS Feed"/> <a href="http://feeds.feedburner.com/IDFEEDBURNER" 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" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=IDFEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div style="padding-left:10px; padding-bottom:10px; padding-top:10px"><input type="text" style="width:160px; height:18px" name="email" onblur="if (this.value == "") {this.value = "Ketik email anda disini...";}" onfocus="if (this.value == "Ketik email anda disini...") {this.value = ""}" value="Ketik email anda disini..." /> <input type="hidden" value="IDFEEDBURNER" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>

<div style="padding-left:10px"><p><a href="http://feeds.feedburner.com/IDFEEDBURNER" rel="nofollow" ><img src="http://feeds.feedburner.com/~fc/IDFEEDBURNER?bg=FF6600&fg=FFFFFF&anim=1" height="26" width="88" style="border:0" alt="" /></a></p></div>
</div></div>
<a href="http://berbagilmubersamaraffi.blogspot.com/2013/07/cara-membuat-widget-berlangganan.html" target="_blank"><span style="font-size: xx-small;">Get This Widget</span></a>

11. Save

Note :
Kode Oranye = Bisa diganti dengan URL Gambar yang sobat suka
Kode Biru = Ganti dengan ID Feedburner yang sobat dapat dari Google Feedburner.

Cara Mengetahui ID Feedburner .

1. Buka FeedBurner
2. Klik Feed Title yang ingin sobat ketahui ID nya.