Cara Membuat Widget Top Komentator Cloud

[+] Post Title :

Cara Membuat Widget Top Komentator Cloud

[+] Date : 6/05/2010
[+] Author : Oktri darmadi
[+] Link : http://tipsbelajar-blog.blogspot.com/2010/06/cara-membuat-widget-top-komentator.html
[+] Type : Tips Blogger

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

=============================================================
<!-- 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://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>
<!-- Top Commentators Cloud End -->

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

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