8/12/2014

Cara Membuat Widget Berlangganan Feedburner Dibawah Postingan

Bagi kebanyakan para blogger, pasti sudah sangat mengenal fitur satu ini yaitu FeedBurner. Dengan adanya FeedBurner, kita dapat memanfaatkannya sebagai media untuk mengsubscribe postingan kita. Apa itu subscribe? Berlangganan, jadi ketika orang yang mengsubscribe postingan kita, ia akan mendapatkan berita update terbaru dari blog yang kita miliki melalui alamat email yang mereka berikan. Walaupun secara cuma-cuma, kita sebagai pemilik Blog tetap diuntungkan dengan hal ini.
Karena dengan banyaknya pembaca berlangganan, maka artikel kita banyak dikonsumsi, blog kita semakin dikenal dan jika mereka menyukai setiap artikel tentunya semakin banyak dikunjungi.

Tapi kerap kali subscribe menggunakan FeedBurner ini menjadi "senjata makan tuan". Banyak orang menyalahgunakan sistem ini untuk mendapatkan artikel gratis dan mempostingnya. Jadi buat kalian para blogger sebaiknya lebih berhati-hati dalam menggunakan fitur ini.


Berikut adalah cara memasangnya :

1. Login ke akun blogger masing-masing
2. Masuk ke bagian "Template" lalu "Edit HTML"
3. Pastekan kode berikut diatas kode ini ]]></b:skin>. (Cari dengan Ctrl + F)
 .kotakRSS1 {background-color: rgb(255, 255, 255); -moz-border-radius: 5px; border: 1px solid #cccccc; padding:5px 10px; margin: 0 0 10px 0;}
.Rssardi33 {background: url('http://3.bp.blogspot.com/_jeu1dUw9AK4/TS1nXs3efdI/AAAAAAAAAQk/vMny_o0OLEI/s1600/maskolis.co.cc.jpg') no-repeat bottom right;}
.Rssardi33 a {background: none;}
.inpRssardi33 {border: 1px solid #B9C1C6; width: 170px; font-size: 11px; padding:3px 4px 4px 10px;}
.sbmtRssardi33 {padding:2px;}
.ardi33subs table {border-collapse: inherit; border: none;}
.ardi33subs tr {border:0;}
.ardi33subs td {border:0;}
.ardi33subs th {border:0;}
.clear {clear: both;}
4. Untuk selanjutnya cari kode ini <data:post.body/>. Jika kode ini terdapat lebih dari satu, pakai kode yang <data:post.body/> yang satunya
5. Copy script berikut dibawah kode <data:post.body/>
<!-- Script Artikel Berlangganan -->
<div class='kotakRSS1'>
<div class='Rssardi33'>
Jika Anda menyukai Artikel di blog ini, Silahkan <a href='http://feeds.feedburner.com/bloggunk-d' target='_blank' title='Berlangganan'>
<b>klik disini</b></a> untuk berlangganan gratis via email, 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='ardi33subs'>
<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=bloggunk-d&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='inpRssardi33' 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='bloggunk-d'/>
<input name='title' type='hidden' value='bloggunk-d'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='sbmtRssardi33' type='submit' value='Subscribe'/></div>
</form></td>
<td align='left' style='padding:4px 0 0 0;' valign='top' width='35%'><a href='http://feeds.feedburner.com/BlogGunk-D'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/BlogGunk-D?bg=0099FF&amp;fg=FFFFFF&amp;anim=1' style='border:0' width='88'/></a></td>
</tr>
</table>
</div>
</div>
</div>
<div class='clear'/>
<!-- End Artikel Berlangganan -->
Nb :
http://feeds.feedburner.com/bloggunk-d = ganti bloggunk-d dengan ID FeedBurner kamu
Ubah script berwarna biru dengan widget script widget reader feedburner. 

PERHATIAN !
Jika pada bagian ini widget tidak berhasil, silahkan pindahkan script tadi kode <data:post.body/> yang lain sampai berhasil

6. Klik Save

Sekian dulu tutorial kali ini, semoga tutorial kali ini bermanfaat dan jika mengalami kesulitan, isi kolom komentar dibawah ini

Selamat Mencoba!
 

Pertanyaan Terkait Cara Membuat Widget Berlangganan Feedburner Dibawah Postingan

Berlangganan

Suka dengan Jawaban di atas? Silakan berlangganan gratis via email

Tidak puas dengan jawaban ini?, silahkan tambahkan Jawaban alternatif lain yang lebih tepat.