Widget Feedburner (Kotak Berlangganan Artikel) Di Bawah Postingan Blog

Cara Memasang Widget FeedBurner di Bawah Postingan Blog - Untuk memudahkan pembaca mendapat update artikel blog anda, maka perlu dibentuk widget berlangganan feedburner di blog. Penempatan widget berlangganan feedburner untuk pengunjung yang ingin berlangganan artikel sanggup diletakan dimana anda sukai contohnya di sidebar kanan. Pada tutorial kali ini widget berlangganan artikel akan dipasang di bawah postingan blogspot. Untuk screenshot dari widget berlangganan feedburner yang akan aku buat dan diletakkan dibawah post blog ibarat dibawah ini, keren bukan?

Cara Memasang Widget Berlangganan Feedburner di Bawah Postingan Blog
1. Buka ke blog anda
2. Pilih Template => Edit HTML
3. Tekan Ctrl+F dan cari instruksi ]]></b:skin>
4. Letakkan instruksi berikut diatasnya

.rss-wrapper{background-color:#fff;-moz-border-radius:5px;border:1px solid #A4A4A4;margin:0 0 10px;padding:5px 10px}
.Rsserma{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrC0vxsRNRBEnlNbmKyCvvjzXnLTWd3m6-tAmRkockQIV4pJAHWd96ON4xcDs4HV3VVu2AYeGqdROIKv8_gUHsKBgCD0Si2k8iV85_xL8JBQpwefX-eXlqnmuSsuUbCFvoS-DoqE-ubh0/s1600/feedburner.jpg) no-repeat bottom right}
.Rsserma a{background:none}
.inpRsserma{border:1px solid #B9C1C6;width:170px;font-size:11px;padding:3px 4px 4px 10px}
.sbmtRsserma{padding:2px}
.ermasubs table{border-collapse:inherit;border:none}
.clear{clear:both}

5. Selanjutnya anda cari instruksi <data:post.body/> yang ke 2 dan paste instruksi berikut dibawahnya.

<div class='rss-wrapper'>
<div class='Rsserma'>
Jika Anda menyukai artikel di blog ini, silahkan <a href='http://feeds.feedburner.com/tips-erma' target='_blank' title='Berlangganan'>
<b>Klik Disini</b></a> untuk berlangganan secara gratis via email, dengan begitu anda akan mendapat kiriman artikel setiap ada artikel yang terbit di <font color='#0099DD'></font>
<div class='ermasubs'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td align='left' style='padding:5px 0 0 0;' valign='top' width='65%'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=tips-erma', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpRsserma' name='email' onblur='if (this.value == "") {this.value = "Ketikkan email anda disini";}' onfocus='if (this.value == "Ketikkan email anda disini") {this.value = "";}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='tips-erma'/>
<input name='title' type='hidden' value='tips-erma'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRsserma' type='submit' value='Subscribe'/></div>
</form></td>
<td align='left' style='padding:10px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/tips-erma'><img alt='' height='26' src='http://feeds.feedburner.com/ fc/tips-erma?bg=99CCFF&fg=444444&anim=1' style='border:0' width='88'/></a>
</td></tr></table></div></div></div>
<div class='clear'/>

Catatan :
- Teks warna merah silahkan ubah ganti dengan feedburner anda
- Teks warna biru silahkan ubah dengan nama blog anda

6. Simpan template

Demikianlah Cara Membuat Widget Berlangganan Feedburner berada di Bawah Post Blog, agar bermanfaat.