Saturday, August 13, 2011

Cara Membuat Cloud Top Komentator

Cara Membuat Widget Top Komentator Bergaya Cloud. Ketika melakukan blogwalking, saya menemukan suatu blog yang memasang Widget Top Komentator dengan model Cloud pada side barnya.
Penasaran dengan widget tersebut mendorong saya untuk mencari tahu bagaimana cara membuatnya. Setelah melakukan browsing ke sana ke mari dan akhirnya saya menemukan tips tersebut pada blog Mas Doyok. Jika tertarik, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Berikut langkah-langkah membuat Widget Top Komentator Bergaya Cloud.

Pertama, login ke blogger hingga masuk Dasbor >> Tata Letak >> Tambahkan Gadget

Kedua, kemudian pilih HTML/Javascript.

Ketiga, copy dan paste kode berikut ini.

<!-- Top Commentators Cloud Start
(c) 2011 WETWEW. Original code by http://o-funny.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://o-funny.blogspot.com
&Exclusions=Anonymous, kiba, tips blog
&ShowHowMany=15
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<span style=" 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

Ganti http://o-funny.blogspot.com dengan URL blog masing-masing.
Untuk memfilter terhadap nama / ID tertentu, silakan ganti anonymous, yono, tips blog dengan nama-nama yang tidak ingin kita tampilkan dalam daftar komentator tersebut, pisahkan dengan koma antara satu nama dengan nama yang lain.
Angka 15 menunjukkan jumlah komentator teratas yang tampil dan jika menginginkannya, silakan ganti dengan jumlah angka yang lain.
Alphabet menunjukkan penyortiran (pengurutan) berdasarkan alphabet dan jika menginginkan penyortiran berdasarkan frekuensi, silakan ganti dengan frequency.
Jika tidak ingin menampilkan jumlah komentar di belakang nama-nama komentator, silakan hapus kode berikut.
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count

Keempat, Simpan Perubahan.

Kelima, sekarang pastikan bahwa kita telah mempunyai Widget Top Komentator Bergaya Cloud pada blog kita.

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...