Cara membuat widget Feedburner di bawah postingan.
Di artikel sebelumnya tentang cara membuat widget berlangganan atau widget feedburner diblog, ada salah satu sahabat blogger yang bertanya bagaimana cara memasang widget feedburner dibawah postingan atau dibawah artikel blog. Maka dikesempatan ini seocips akan membagikan tutorialnya kepada anda.

Kegunaan widget Feedburner adalah untuk memudahkan para pengunjung mendapatkan update seluruh informasi terbaru yang terbit di blog kita. 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.

Widget Feedburner berikut ini sudah pernah saya pasang di template yang pernah dibagikan sebelumnya yaitu Template Blogger Simplecips. Untuk demonya silahkan lihat template itu dan masuk ke salah satu artikelnya. Mungkin di demonya sedikit berbeda karena diatasnya telah saya tambahkan widget sosial share efek slide.

Cara Memasang Widget Feedburner Di Bawah Postingan
1. Log In dulu ke Blogger
2. Di Dasbor Pilih Template
3. Simpan dulu Template untuk cadangan supaya Template bisa di kembalikan seandai nya terjadi kesalahan edit
4. Lalu Klik Edit HTML
5. Cari kode ]]></b:skin> (Gunakan Ctrl+F untuk memudahkan pencarian kode) dan pasang kode di bawah ini di atas atau sebelum kode ]]></b:skin>
.kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px;-webkit-border-radius:5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0; } .seocips33 { background: url('http://3.bp.blogspot.com/-fVLdppfoGjc/VV7kknIAoFI/AAAAAAAAE00/J3O6QKGFgh4/s1600/seocips.com.jpg') no-repeat bottom right; } .seocips33 a { background: none;}  .inpseocips33 { border: 1px solid #B9C1C6; width: 170px;height: 16px; font-size: 12px; padding:3px 4px 4px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;} .sbmtseocips33 {background:#9b9b9b;border: 1px #9b9b9b solid;color:#FFF;font-size:13,5px;font-family:Arial,Tahoma,Verdana;margin-left:5px;padding:3px 5px 3px 5px;font-weight:bold;-moz-border-radius:7px;-webkit-border-radius: 7px;} .cips33subs table {border-collapse: inherit; border: none;} .cips33subs tr { border:0;} .cips33subs td { border:0;} .cips33subs th { border:0;} .clear { clear: both; }
6. Cari seperti kode ini <data:post.body/>  dan kalau kode nya ada 2 letakan kode di bawah ini setelah atau di bawah kode <data:post.body/> ( coba saja satu persatu atau misalnya jika di template anda ada widget share sosial media seperti facebook dkk letakan sesudah kode sosial ini, atau jika ditemplate sobat ada related postnya silahkan letakan diatas kode related post ).
<!-- Script Artikel Berlangganan  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='kotakRSS1'>
<div class='seocips33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/seocips' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Seocips.COM
<div class='cips33subs'>
<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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=seocips&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>
<input class='inpseocips33' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketikkan email anda disini&quot;;}' onfocus='if (this.value == &quot;Ketikkan email anda disini&quot;) {this.value = &quot;&quot;;}' type='text' value='Ketikkan email anda disini'/>
<input name='uri' type='hidden' value='seocips'/>
<input name='title' type='hidden' value='seocips'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtseocips33' type='submit' value='Subscribe'/></div>
</form></td><td align='left' style='padding:6px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/seocips'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/seocips?bg=9b9b9b&amp;fg=fffffff&amp;anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/></b:if><!-- End Artikel Berlangganan -->
7. Jika semuanya sudah sesuai dengan keinginan anda, terakhir simpan kode untuk melihat hasilnya

Nah Mungkin saja widget diatas ingin anda gabungkan dingan widget sosial share seperti pada demonya, jika ya, coba caranya di artikel cara membuat widget feedburner dengan tombol sosial slide di Blog.  Baca juga:
Sekian tutorial dari seocips.com tentang cara memasang widget Feedburner di bawah postingan. semoga bermanfaat dan jangan lupa ikuti blog ini juga.
22 Komentar untuk "Cara Memasang Widget Feedburner Di Bawah Postingan"

sip gan, dah ane pasang diblog ane .

sory nih gan, saya nnya out of topic. saya tertarik ingin pasang related post seperti agan punya dengan thumbnail dan judul postingan. bisa dishare gan gmna cara nya. thanks sebelumnya

OK gan, nanti saya bikin artikelnya secepatnya :)

makasih saya udah masang ke blog saya
kumpulanturorial017.blogspot.com

Diataskan ada tulisan DEMO masuk ke situ dan pilih salah satu artikel dan lihat demonya dibawah postingan.

sudah gan, soalnya saya pake template download dari seocips sih :D

Bro, ni kodenya yang harus diganti mananya. Dalam kode itu feedburner anda, bagaimana kalau dipasang di blog kami, mana" saja yang harus diganti, mohon pencerahannya.

Pas di subscribe ko ke seocips.com, padahal mailverify udah diganti pake feed saya ?? Mohon penjelasannya..

Ganti saja url feedburner seocips yang ada di dalam gan, untuk lebih jelasnya cari tulisan "seocips" dan ganti dengan milik sobat.

Ingat jangan semua yang di ganti, soalnya yang lain adalah kode CSS widget feedburner

Mungkin masih ada yang ketinggalan belum agan ganti :)

Ok gan, thanks telah berkunjung..

uri dan title, value-nya diganti ga gan?

saya sudah pakai gan berhasil mantap

Gan Tulisin Dong Yg harus diganti Yg mana aja + Blok Code yg harus diganti Pusying saya

Udah sob, perhatikan langkah ke enam diatas. Ganti kode-kode berwarna biru dengan feedburner milik sobat.

gan, punya ane uda jadi, tapi kok nggak rapi ya? kurang kebawah sedikit.Gimana cara ngubahnya gan?