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 -->
(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