Install Widget Top Commentators di Blogger

Mumpung lagi ada koneksi internet, saya akan membagikan cara bagaimana sih caranya membuat Top commentators pada blog. Jika kamu bingung apa itu Top commentators, widget Top commentators adalah widget yang akan menampilkan komentar pengunjung yang paling banyak. Ikuti langkah2 mudah dibawah ini oke :D

1. masuk akun Blogger.

2. Klik Rancangan --> Elemen Laman --> Tambah gadget kemudian Pilih Edit HTML.

3. Copas kode javascript dibawah ini :

<a href="http://hzndi.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></a><script type='text/javascript'>
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=918c4b96efdf63fee389f2f025085904&

EntertheURL=http://hzndi.blogspot.com&number=5&Nametobeexcluded=NamaBlogKamu"></script>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rcdr"><a href=http://hzndi.blogspot.com/>Top Comments</a> <a href=http://hzndi.blogspot.com/ target=_blank title=blogger widgets>Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript>
<style type=text/css>
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px #cccccc dotted; padding-top: 7px!important; padding-bottom: 7px!important;}
#rcdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4wS6hZvdgsT7wYJwNlGvEqcGQ80Q2JKKjOa_h53U1clHG6bcGyzdfCr5CGOg5zh8_GsOCujh9uowdBRE5O6haQao1HI2eT1q9rJTsJJ4UJjk1vpCk1KouDsml_POnJF0WJuUftazKdvy3/s320/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rcdr, #rcdr a {color:#808080;}
</style>

4. Simpan Template kamu.Mudah sekali bukan ?

*Note :

• Ganti hzndi.blogspot.com dengan nama blog kamu
• 5 adalah jumlah komentator yang akan ditampilkan, kamu bisa ganti sesuai keinginan kamu.
• NamaBlogKamu diganti dengan nama blog kamu lah :D hehe

Postingan Terkait:

Blogger

• Cara Menghapus Komentar Spam Secara Otomatis
• Cara Membuat Blog Terindeks Google dengan Cepat
• 5 Kesalahan yang Dilakukan Oleh Blogger Pemula
• Mengembalikan Blog yang Sudah Dihapus, Bisakah ?
• Apa Itu Niche Blogging ?
• Daftar 60+ Forum Do-Follow Ber-PageRank Tinggi 2014
• Cara Menghindari Blog Dihapus Oleh Google
• Cara Memilih Nama Blog & Situs yang Ramah SEO
• Cara Mengembalikan Mood Blogging
• Mengapa Subscriber Feedburner Menjadi 0 ?
• 7 Tips SEO untuk Blogger
• 10 Tips Mantap Untuk Meningkatkan Trafik Organik
• 7 Trik Membuat Artikel Lama Menjadi Populer
• 7 Cara Mendapat Pengunjung Dengan Mudah
• Tutorial Blog dan SEO Terkena Malware ?
• Bagaimana Mengefektifkan Backlink Dalam SEO
• 8 Tips Membuat Loading Blog Lebih Cepat
• Cara Membuat Kotak Fanpage Facebook Hitam Putih
• Optimasi Gambar Untuk Dapatkan Pengunjung
• Cara Menghindari SEO yang Berlebihan
• 8 Tips Untuk Seorang Blogger Pemula
• Cara Mendapatkan Google Sitelink Dengan Cepat
• Cara Membuat dan Tips Pengaturan Meta Tag
• Cara Meningkatkan Ranking Alexa Dengan Cepat
• Cara Mengklaim Situs di Alexa

Comments

• 5 Cara Ampuh Agar Tidak Menjadi Seorang Spammer
• Cara Membuat Threaded Comment Untuk Blogger
• Menambahkan Fitur "Like" Facebook di Kotak Komentar Blogger
• Menambahkan Gambar Amplop di Kotak Komentar
• Cara Menyembunyikan/Menampilkan Kotak Komentar di Blogger
• Membuat Recent Comments dengan Avatar di Blogger
• Membuat Gambar Default Untuk Pemberi Komentar Anonim
• Membuat Threaded Comment / Reply Comment Dengan CSS
• Membuat Threaded Comment Dengan 3 Tampilan Warna Berbeda
• Cara Membuat Blog Banyak Komentar
• Membuat Komentar Blogger dan Facebook Berdampingan
• Cara Menambahkan Form Komentar dari Disqus
• Widget Recent Comments (Komentar Terakhir) Pada Blogger
• Membuat Reply Comment di Blogger
• Membuat Penghitung Komentar di Blogger
• Memasang Scroll Dalam Kotak Komentar
• Membuat Komentar Admin Beda

Posted in: Blogger,Comments