memasang widget top komentator

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://mas-arie69.blogspot.com&ExcludedNick1=linda marlina&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

Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit