Tutorial Buat Commentators Cloud
Sila rujuk gambar rajah dibawah contoh "Commentators Cloud".
Caranya:
1. Masuk ke account Blogger anda, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" , kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
Info : Tukarkan "URL-BLOG-ANDA" kepada URL blog anda.
Sila rujuk gambar rajah dibawah contoh "Commentators Cloud".
Caranya:
1. Masuk ke account Blogger anda, pilih "Layout" kemudian "Page Elements",
2. Klik "Add a Gadget" , kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah ini:
<!-- Top Commentators Cloud Start -->
<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://URL-BLOG-ANDA.blogspot.com
&Exclusions=Anonymous,Greenlava
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
</div>
<span style="font-size: 80%; float:right;;margin-top:10px;"><a href="info-minda.blogspot.com/search/label/Tutorial/" target="_blank">Get this widget</a></span>
<!-- Top Commentators Cloud End -->
Info : Tukarkan "URL-BLOG-ANDA" kepada URL blog anda.