Cara Memasang Widget Feedburner Dibawah Artikel Blog

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('http://2.bp.blogspot.com/-9kMUwrjTOFI/VMdyHHWLZmI/AAAAAAAAAHk/mege0hb2yLg/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/>.


     <!-- Script Artikel Berlangganan  -->
    <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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=diesilver&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='inpseosc' 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='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&amp;fg=fffffff&amp;anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/><!-- End Artikel Berlangganan -->



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
Previous
Next Post »

14 komentar

Write komentar
27 Januari 2015 19.23 delete

nice artikel ;)
visit back here : rizaleinstein.blogspot.com

Reply
avatar
27 Januari 2015 19.41 delete

Bagus Nih
ijin coba gan...

Reply
avatar
27 Januari 2015 19.51 delete

iya gan,terima kasih sudah berkunjung :D

Reply
avatar
27 Januari 2015 19.52 delete

iya gan :D silahkan dicoba ;) terima kasih sudah berkunjung :D

Reply
avatar
rio setyawan
AUTHOR
27 Januari 2015 22.50 delete

ini di widget asline bukanya sudah ada gan? :D nice post :D
di tunggu kunjunganya :D

Reply
avatar
28 Januari 2015 15.32 delete

memang sudah ada gan,tapi jika ingin lebih gan,makanya saya share gan :D

Reply
avatar
My Hacksite
AUTHOR
28 Januari 2015 16.32 delete

Oh,,,,, kata-rifal.blogspot.com

Reply
avatar
28 Januari 2015 18.58 delete

wah keren gan, maaf ane numpang m elsa, hehe.

Reply
avatar
28 Januari 2015 19.58 delete

anda kenapa? :/
kayak orang nggk suka aja :)

Reply
avatar
Michael Twin
AUTHOR
28 Januari 2015 20.54 delete

nice for sharing gan,, sukses gann. realfakta.com

Reply
avatar
28 Januari 2015 22.25 delete

iya gan :D sukses kembali :)

Reply
avatar

Silahkan Berkomentar! EmoticonEmoticon