Cara Membuat Widget Top Komentar Blogger

Cara membuat atau memasang widget top komentator pada Blogger tentunya kini para blogger sudah jarang yang memasang widget ini.Menurut BW yang saya rasakan bilapun dipasang biasanya hanya ditampilkan pada home page aja.Namun itu bukan yang akan saya bahas karena Blog adalah milik pribadi jadi mau diapain pun terserah kepada pemiliknya tentunya,Olo..?

Pada kode  memasang widget top komentator pada Blogger ini saya dapatkan dari yang punya javascript nya yaitu blog sentral seperti bannernya saya pasang pada sidebar bagian footter blog ini.

Widget Top Komentator akan sangat berguna mereka anda yang memiliki blog dengan pengunjung yang cukup ramai. Hal ini merupakan salah satu cara untuk berterima kasih dan menunjukkan kepada mereka bahwa blog anda adalah blog yang dofollow. Cara memasang widget ini cukup mudah, anda hanya perlu menambahkan sedikit javascript ke elemen template anda.

Berikut Cara Membuat Widget Top Komentator:

1. Login ke akun Blogger anda

2. Plih Layout & Edit HTML

3. Tambahkan Page Elements dengan HTML/Javascript, lalu paste kode berikut ke dalam kotak content:

<!-- Top Commentators Cloud Start
(c) 2010 Blogger Sentral. Original code by http://bloggersentral.blogspot.com/. Do not remove this credit and the Make your own link at the bottom of the code.-->
<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://dangstars.blogspot.com
&Exclusions=Anonymous
&ShowHowMany=20
&Order=frequency
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>

</div>
<!-- Top Commentators Cloud End --><span style="font-size:9px;"><a href="http://dangstars.blogspot.com/2011/10/cara-membuat-widget-top-komentar.html" target="_blank">Get this widget!</a></span>

Catatan :

• Ganti nama blog diatas contohnya : http://dangstars.blogspot.com dengan nama blog anda
• Pada file Exclusions=Anonymous saya contohkan Anonymous bisa ditambahkan dengan nama profil anda agar tidak ikut tampil pada top komentar.

Demikian selamat mencoba