Cara Memasang 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.

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:

• Widget Popup email Subcribe Feedburner v1
• Widget Popup email Subcribe Feedburner v2

Sekian tutorial dari seocips.com tentang cara memasang widget Feedburner di bawah postingan. semoga bermanfaat dan jangan lupa ikuti blog ini juga.

By Brando Mewo