Membuat Widget Feed Berlangganan Artikel

Membuat Widget Feed Berlangganan Artikel, sebenarnya ada begitu banyak cara untuk membuat Widget feed langganan diblog , seperti feed halnya yang saya share berikut ini Membuat Widget Feed Berlangganan Artikel, Langsung saja Cedikot TKP:

Silahkan Lihat Totorial bagaimana cara membuat artikel Langganan Cara Membuat Widget Berlangganan Artikel via Email by Feedburner Mungkin di Email Subscriptions yang aslinya masih kurang menarik buat anda dan ingin mengubah stylenya dengan yang lebih menarik dan keren Sesuai Selera Sahabat Blogger.

Membuat Widget Feed Berlangganan Artikel

Membuat Widget Feed Berlangganan Artikel
1. Login ke Blogger
2. Template > EDIT HTML
3. Cari kode ]]></b:skin> kemudian copy kode di bawah ini dan paste di atas kode ]]></b:skin>

.form {
border:1px solid #ccc; /* warna garis pinggir form */
background: #ffffff /* warna background form */
padding:3px; /* spasi form */
width:380px; /* panjang form */
height:180px /* tinggi form */
}
.rss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6tIZXv8fWnaidiFzpUyyKWDFiw_FgSBjp9nWvieVpQaye9mGdjoGSkoWPMr7eMQvoTEySsYJ1SH94qhmf4STXBo1K6dUdA36EyXdYU54AH8udswuF3vGdr-4WNQbezxpdI1ANOCjb6ywu/s320/Newspaper_Feed_256x256.png") no-repeat top right;
}
.button {
background: #006699; /* warna tombol subscribe */
color: #FFFFFF; /* warna font subscribe */
font-size: 11px; /* ukuran font subscribe */
font-family: Arial, Tahoma, Verdana; /* font subscribe */
margin-left: 5px; /* margin kiri tombol subscribe */
border: 1px solid #234B69; /* warna garis pinggir tombol subscribe */
padding:3px 5px 3px 5px; /* jarak antara font dengan garis pinggir tombol subscribe */
font-weight: bold;
}

4. Kemudian kembali ke Tata Letak > Tambah Gadget > HTML/Javascript dan copy kode di bawah ini di konten tersebut

<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/AVvXsEi5jcrAPNp7_sJQ2-qwF3FPDCaKEOsd6iP9mV3dSLo5cTtFY_ml3-Fw8ddjPpDTXZg8spK4gWGZ8AFUHzVqOmTIZQqtqw2CJeBe9BdPt6X-Nre9yMRHQYnv9zD0nwnwSo8MUvuOq98-iR_f/s1600/small+rss.png" alt="small rss Lanonadio" title="RSS Feed"/> <a href="http://feeds.feedburner.com/GANTI-DENGAN-ID-FEEDBURNER-ANDA" title="Get Update Via RSS" target="_blank">GET UPDATE VIA RSS</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=GANTI-DENGAN-ID-FEEDBURNER-ANDA', '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 == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}" onfocus="if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}" value="Ketik email anda disini..." /> <input type="hidden" value="GANTI-DENGAN-ID-FEEDBURNER-ANDA" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="button" type="submit" value="SUBCRIBE" /></div></form>
<div style="padding-left:10px"><a href="http://feeds.feedburner.com/GANTI-DENGAN-ID-FEEDBURNER-ANDA" title="Feedburner Readers" target="_blank"><img src="http://feeds.feedburner.com/~fc/GANTI-DENGAN-ID-FEEDBURNER-ANDA?bg=ff7c00&amp;fg=444444&amp;anim=0" width="88" height="26" style="border:0" alt="reader" title="Readers"/></a></div><div style="padding-left:10px"><a href="http://templatehasbihtc.blogspot.com/2013/03/membuat-widget-feed-berlangganan-artikel.html" target="_blank"><span style="font-size: xx-small;">Get This Widget »</span></a></div>
</div></div>

Kode yang bertuliskan dengan ID Feedburner anda masing-masing.
Kode URL Gambar bisa anda dengan gambar Anda masing-masing.

5. SIMPAN Dan Lihat Hasilnya

Cara Membuat Widget Berlangganan Artikel , Cara Membuat Widget Berlangganan Artikel Keren , Cara Membuat Widget Berlangganan Artikel Terbaru, Cara Membuat Widget Berlangganan Artikel Semoga Bermanfaat.