INFO MINDA


Get ShoutBox like this?
Click di Here
Info Minda [Close]

Tutorial Buat Commentators Cloud

06 May 20110 Komen

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:

<!-- 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.

Share this article :
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Info minda - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger