How to Install Top Commentor Cloud Widget

Reward your top commentators by displaying their names with clickable links on your blog. One of the more popular methods is by using a top commentators widget.

We will make a cloud, just like a label cloud, except with commentators as the content.
What you see above is a screenshot of the widget, with 30 top commentators, arranged alphabetically. The comment counts are extracted from Field of Dream’s most recent 2000 comments. Comments are sourced from comments feed and processed via Yahoo Pipe. You can see the live widget in my widget showcase blog.

I believe this commentators cloud is the first of its kind, so consider yourself lucky Google sent you here :).
Okay now, enough with shameless promotion, let’s get to work:

I. Installing Commentators Cloud

  1. Login to your Blogger account.
  2. Go to Design > Page Elements.
  3. Click Add A Gadget.
  4. In Add A Gadget window, select HTML/Javascript .
  5. Enter the title of your widget e.g. Commentators Cloud.
  6. Copy the code below and paste it inside the content box.
  7. Click Save.

<!-- Top Commentators Cloud Start
(c) 2010 Blogger Sentral. Original code by Please do not remove this credit and the “Get this widget” 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 + " ";
 <script src="
<span style="font-size: 80%; float:right;;margin-top:10px;">Get this <a href="" target="_blank">widget</a></span>
<!-- Top Commentators Cloud End -->

II. Customizing Commentators Cloud

Notice the highlighted items in the code? That’s where you need to enter your own inputs:

  1. YourBlogUrl (Red line). This is your blog URL, replace with yours. Make sure you omit the slash at the end of the URL (as in .com/).
  2. Exclusions (Blue line). List the commentator names you want to exclude from the cloud. Separate each name with a comma, and don’t put space between them.
  3. ShowHowMany (Green line). Specify how many top commentators you want to appear in the cloud.
  4. Order (Yellow line). Enter alphabet if you want to arrange the names alphabetically. Enter frequency if you want to arrange them by frequency (with the most frequent commentators on top).
  5. Comment count (Aqua line ). Comment count (in bracket) is displayed by default. To remove it, just delete this line of code.


Neesa Technologies Ltd said...

Indebted thank you so much for this information

php web development

Herb extract said...

There is a high strength, yellow, is used for the healing of standardized Plant extract

saedah said...

tq..I was copying top comentor widget...

Anonymous said...

I love you not for the things you would bring to me but to accept everything you could bring Cheap Minecraft Gift Code, he true love is not for showing, but I am sure that even if all other people abandon me, you will still be my side Buy Xbox Live Points, I love you not because of who you are, but because of who I am when I am with you Ultimate Game Card

The consequences of today are determined by the actions of the past scarlet blade gold. To change your future, alter your decisions today scarlet blade gold, Experience is a hard teacher because she gives the test first, the lesson afterwards scarlet blade gold, but it takes character to keep you there.

Pratheesh Omnitec said...

Good blog and the contents are really nice, thanks for sharing here with us.

parking management
parking guidance
parking counting

Muhammad Noor Firdaus iskandar BIn Haji Bashah said...

how to set comment count to 100 comment?

Russel adword said...

Cloud hosting has gained a stronger standing in the cloud computing world thanks to the active participation of enterprises in recent years. The cloud’s success lies in its potential to significantly impact IT costs through direct costs savings, save time in development and deployment, and to save resource allocation overheads.

Eskorte Service said...

Are you agree to see gorgeous escorte ladies in online and public place? Don't wait come on our exclusive site.It is really like you escorte.

Lovely Singh said...

Call: 09781405926

We Provide High Class Escorts Service and Call girls in India | Amritsar, Chandigarh, Ludhiana, Jalandhar, Nagpur, Mumbai, Pune, New Delhi, Agra, Bangalore, Goa, Lucknow, Kanpur, Hyderabad, Jaipur.

Amritsar escorts service

Call girl in Amritsar

Amritsar Escorts

Amritsar Call girls

Escort in Amritsar

Independent Escort in Amritsar

Amritsar independent escorts

Escorts service Amritsar

Amritsar Escorts Agency

Amritsar Female Escorts

Amritsar independent Escorts

Companion Escorts said...

Bangalore Escorts |
Independent Escorts Bangalore | Call Girls Bangalore |
High Profile Escorts |
Celebrity Escorts Bangalore

Cass Parking said...

Car parking is must these days in almost every areas..

We as a parking equipment manufacturer offer you the best parking systems.

We offer best parking services!!

We offer best parking Equipment's

Thank you!!

Post a Comment

Related Posts Plugin for WordPress, Blogger...


Twitter Delicious Facebook Digg Favorites More