Cara Membuat Widget Top Komentator

Sahabat blogger pemula yang baik hatinya, artikel ini adalah sebuah jawaban untuk sahabat +Ilkom unived dan sahabat +Uda Awak yang pada salah satu artikel membuat member komentator aktif telah mengajukan pertanyaan atau lebih tepatnya merequest cara membuat top komentator seperti yang ada di blog tercinta ini.

Rasanya terlalu pelit jika saya tidak mau berbagi kepada sahabat, apalagi script yang saya gunakan adalah script hasil nemu saat blogwalking. hehe
Kode ini saya peroleh dari www.bloggersentral.com saat jalan-jalan di google, mudah-mudahan artikel ini bisa memenuhi permintaan sahabat semua yang ingin memasang widget top komentator di blog masing-masing..
Untuk hasilnya sobat bisa langsung lihat diblog tercinta ini

• Login ke akun blogger sobat
• Masuk ke pengaturan Tata Letak
• Pilih HTML/JavaScript
• Masukkan kode berikut pada bagian Konten

<style>
#tcom {
list-style-type: none;
margin: 0;
padding: 0;
background: #E4E5E7;
font: normal 12px/20px serif;
}
#tcom li {
background: #ffffff;
border-bottom: 1px solid #A52A2A;
margin: 0 0 1px 0;
overflow: hidden;
padding: 5px;
}
#tcom li:last-child {
margin: 0;
}
#tcom .img {
float: left;
margin: 0 10px 0 0;
width: 60px;
height: 59px;
overflow: hidden;
}
#tcom .img img {
vertical-align: middle;
height: 100%:
width: 100%
}
</style>
<script type="text/javascript">
//Top Komentator By Blogger sentral @-www.bloggersentral.com
// Modified By Adjie Umbara @-http://adjieumbara.blogspot.com/
function topkomentar(feed) {
document.write('<ul id="tcom">');
var i;
for (i = 0; i < feed.count; i++) {
var d     = feed.value.items[i];
var item;
var href  = d.link,
 itez  = d.author['gd:image'].src.replace(/\/s(512|220)/g,"/s60"),
 total = d.title.replace(/([^0-9])/g, ""),
 nama  = d.author.name;
if(feed.value.items[i].link == "") {
item ="<li>" + feed.value.items[i].title + "</li>";
} else {
item  = "<li>" + "<span class='img'><img src='" + itez + "'/></span>" + "<div class='nama'>"+nama+"</div>" + "Alamat Blog : <a href=" + href + " target='_blank'>Kunjungi</a>" + "<div class='total'>Total Komentar : " + total +"</div>" + "</li>";
document.write(item);
}
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?YourBlogUrl=http://adjieumbara.blogspot.com&ExcludedNick1=Adjie Umbara&ShowHowMany=5&_callback=topkomentar&_id=23022d7836bf2dd3c10a329feb9be26a&_render=json"
type="text/javascript"></script>

Catatan :

1. Ganti kode warna yang berwarna ungu untuk menyesuaikan background blog
2. Ganti tulisan yang berwarna biru dengan URL blog sobat
3. Ganti tulisan yang berwarna hijau dengan nama author agar komentar admin tidak terdetek sebagai top komentator
4. Ganti angka yang berwarna orange untuk menambah atau  mengurangi jumlah komentar

• Simpan widget

Kiranya cukup jelas untuk segera di terapkan pada blog sobat. Dengan adanya widget top komentator ini tentunya akan memudahkan pengunjung untuk melakukan aktifitas blogwalking pada sahabat yang selalu aktif dalam dunia blogging, sekaligus untuk mengapresiasi dan memotivasi sahabat yang setia berkomentar di blog kita.. Salam