Cara Membuat Widget Top Komentator Cloud

Pada postingan Ini merupakan lanjutan dari postingan sebelumnya yang Sebelumnya pernah saya bahas mengenai membuat widget top komentator (baca: Cara Membuat Widget Top Komentator) namun widget ini masih bergaya standart, berupa list daftar pengkomentar biasa. Kali ini saya akan memberikan tutorial pembuatan widget top komentator bergaya cloud seperti halnya label.

Widget ini saya dapatkan dari blogger sentral, sobat bisa mengunjungi langsung situsnya jika ingin tau lebih jelas. Dibawah ini cara pemasangan widget top komentatornya.

Langsung saja untuk membuatnya silahkan ikuti tutorial di bawah ini:
1. Login ke blogger
2. Tata Letak
3. Add Gadget, pilih HTML/Javascript
4. Masukkan script di bawah ini

=============================================================

<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://www.oktri.co.cc
&Exclusions=Anonymous,Oktri darmadi
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<span style="font-size: 80%; float:right;;margin-top:10px;"><a href="http://bloggersentral.blogspot.com/2010/02/top-commentators-cloud-widget.html" target="_blank">Make your own</a></span>
</div>

=============================================================

Keterangan :

Hapus tulisan yang berwarna merah jika sobat tidak ingin menampilkan jumlah komentar.
Silahkan ganti http://www.oktri.co.cc dengan alamat url blog sobat tanpa diakhiri dengan slash ( / ).
Anonymous,Oktri darmadi adalah nama komentator yang tidak ingin sobat tampilkan, biasanya nama pemilik blog, ganti saja dengan nama sobat (nama pada user blogger dan besar kecilnya huruf juga berpengaruh).
Angka 20 adalah banyak komentator yang ingin ditampilkan.
alphabeta dalah urutan top komentator berdasarkan abjad atau huruf, silahkan ganti dengan "frequency" jika ingin mengurutkannya berdasarkan banyaknya komentar.

Semoga bisa bermanfaat, selamat mencoba !

sumber : http://bloggersentral.blogspot.com/2010/02/top-commentators-cloud-widget.html