Cara Memasang Widget Feedburner Dibawah Artikel Blog

Contoh widget feedburner dibawah postingan

Pada artikel saya sebelumnya saya akan membagikan cara memasang Widget Feedburner di bawah postingan blog anda. Pada artikel ini kita tidak perlu panjang lebar apa itu feedburner,langsung saja apa kegunaan feedburner bagi blog kita. Kegunaannya yaitu untuk memudahkan para pengunjung untuk mendapatkan seluruh artikel yang terbaru yang kita publikasikan.

Untuk mempermudah pengunjung blog yang ingin menjadi pembaca dari blog kita,mereka bisa berlanggan artikel blog kita dengan cara mensubcribe. Untuk mempermudahnya kita haru memasang sebuah widget pada blog kita yaitu widget berlangganan feedburner. Sebelum teman-teman semua widget ini pastikan anda sudah mendaftar ke Google FeedBurner. Jika belum anda bisa mencarinya di google.

Untuk cara pemasangannya silahkan ikuti dibawah ini:

1. Login ke Blogger.
2. Klik Template.
3. Klik Edit HTML.
4. Kemudian cari kode ]]></b:skin> dan setelah menemukan kode tersebut silahkan letakkan kode dibawah ini diatas 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; } .seosc33 { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8QaJ5YQUYR7G5Y6LA1yG8JbCbCZy69GuasQFeh0gmRQIp5H4sTj7thFnSeA37w1GPxGH5Nicvy0c0LYfsZ9hlILUc4cAIq6x9yIx66YIvcm5h1F-ruRz8mJWRpGJFD5VYClRZVIAmrb4/s1600/seoscfeedburner.jpg') no-repeat bottom right; } .seosc33 a { background: none;} .inpseosc33 { border: 1px solid #B9C1C6; width: 170px;height: 16px; font-size: 12px; padding:3px 4px 4px 10px;-moz-border-radius:5px;-webkit-border-radius: 5px;} .sbmtseosc33 {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; }

5. Selanjutnya cari kode <div id='related-posts'> setelah menemukan kode <div id='related-posts'> silahkan pastekan kode dibawah ini diatas kode <div id='related-posts'> atau <data:post.body/> yang ke 3 letakkan kode tersebut dibawah kode <data:post.body/>.

<div class='kotakRSS1'>

    <div class='seosc'>

    Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/seosc33' 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 <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a>

    <div class='scsubs'>

    <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=diesilver', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:0px;padding:3px;text-align:center;' target='popupwindow'><div align='left'>

    <input class='inpseosc' 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='seosc33'/>

    <input name='title' type='hidden' value='seosc33'/>

    <input name='loc' type='hidden' value='en_US'/>

    <input class='sbmtseosc' 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/seosc33'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/seosc33?bg=9b9b9b&fg=fffffff&anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/>

6. Setelah semuanya selesai silahkan anda save template anda.

Hanya itu yang dapat saya bagikan kepada teman-teman semuanya,jika anda ingin memasang sosial media seperti blog saya ini silahkan tunggu artikel saya selanjutnya. sekian terima kasih banyak.

Baca Juga:
1.Cara Memberikan Title Link Pada Breadcrumb Menjadi SEO Secara Otomatis
2.Cara Membuat Template Blogger Menjadi Valid HTML5