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 perna saya pasang di template seocips yang pernah dibagikan sebelumnya yaitu Template Blogger Simplecips. Untuk demonya silahkan Klik DEMO dan masuk ke artikelnya. Mungkin di semonya 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJCVbBZCIKn40BJkDYaX7q1QW6EXla5USq6FLvPWFsT-b3G1iuGDxodIKjFvx7X94XFzOpdLU6hcekIYyNoQZnowc9LKR2NnWDP7S7shAO1dHxBuvE6iU4IndV61mJUiEI0-yAa78doyY/s1600/maskolis.co.cc.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/> . Petunjuknya jiaka anda menemukan kodenya silahkan scrol kebawah, misalnya jika template anda ada widget share ke media sosial seperti facebook dkk silahkan letakan sesudah kode sosial ini, atau jika ditemplate sobat ada related postnya silahkan letakan diatas kode relatedpost sobat. Di template simplecips saya meletakan kode dibawah ini diatas kode <div id='related-posts'>.
<!-- Script Artikel Berlangganan -->
<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 <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a>
<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('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='inpseocips33' 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='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&fg=fffffff&anim=0' style='border:0' width='88'/></a></td></tr></table></div></div></div><div class='clear'/><!-- End Artikel Berlangganan -->
7. Terakhir simpan kode untuk melihat hasil nya di blog.
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.
0 Response to "ara Memasang Widget Feedburner Di Bawah Postingan"
Post a Comment