Blogger Tutorial

Cara Membuat Widget Top Comentators Versi Cloud

12.20,0 Comments


Ocre, setelah sebelumnya kita Membuat Widget Popular Post [Without Thumbnails], kali ini saya mau mengajak anda untuk membuat Widget Top Comentators Versi Cloud. Karena kebetulan udah gak saya pake, jadi untuk bentuknya anda bisa lihat gambar diatas.

Lantas bagaimana cara membuatnya?

1. Login blogger
2. Rancangan(Design)
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy Kode Dibawah ini Kedalamnya:

<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='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://dj-note.blogspot.com
&Exclusions=Anonymous
&ShowHowMany=10
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
</div>
<span style=" float:right;;margin-top:10px;"><a href="http://dj-note.blogspot.com/2011/02/cara-membuat-widget-top-comentators.html" target="_blank">Get This widget</a></span>


Keterangan:
Silahkan Ganti Url http://dj-note.blogspot.com dengan Url Anda dan ganti 10 Dengan Jumlah Top Comentators yang ingin anda tampilkan, serta Anonymous dengan nama yang tidak ingin anda masukkan ke dalam list, jika lebih dari 1 nama anda bisa memisahkannya dengan tanda koma(,).

Jika Sudah, Save Template anda Dan Lihat Hasilnya.

Selamat Mencoba....





hosting indonesia

You Might Also Like

0 komentar: