How To Make Top Commentator In Your Blog

"Decorate your blog with tutorials provided. Please click on a category tutorials on your right side to see more tutorials. Most widgets tutorial are compatible with the basic template that has been provided by blogger.com. Some widgets, maybe not for a specific templates that are provided by other personal bloggers. But you can try it first. If it did not work, please remove this widget from your blog. Good luck."

This widget will display a list of the most Commenters on the blog. Follow the tutorial below to apply it on a blog.

Here's how:

1) Sign in blogger account

2) Dashboard> Design> Page Elements> Add a Gadget> HTML / Javascript

3) Copy and paste the code below in a HTML / Javascript

<!-- Top Commentators Cloud Start
(c) 2010 Blogger Sentral. Original code by http://www.bloggersentral.com/. Please do not remove this credit and the &#8220;Get this commentators widget&#8221; 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='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://my-bloggersolution.blogspot.com/
&Exclusions=My Blogger Solution
&ShowHowMany=10
&Order=frequency
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
</div>

<!-- Top Commentators Cloud End -->

In the words of the blue - Put the blog name and url of your blog

4) Dah finished, click save and see the results.

Please read more my others article about blogger blog and tools.

Thank you for read...happy blogging......