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 http://www.bloggersentral.com/. 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 + " ";
}
document.write(display);
}
</script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://www.abdul-hakeem.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;">Get this <a href="http://bloggerehow.blogspot.com/2011/06/how-to-install-top-commentor-cloud.html" 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 http://www.abdul-hakeem.com 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.
Enjoy!



9 comments:

Cambay Hotels & Resorts 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...

iskandarX said...

how to set comment count to 100 comment?

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

Jeny Roy said...

If you are looking for a sexy girl in near Kalkaji area who can offer extraordinary services then connect with one of our high profile Kalkaji Escorts girl.

Kalkaji Escorts
Delhi Escorts

safdar said...

urdu news pk
urdu news
daily urdu news
urdu news pakistan

today news urdu pakistan
pakistan urdu news
urdunews
latest news pakistan urdu
pak urdu news today

safdar said...

pakistan latest news urdu
www pakistan news com urdu
pak news in urdu
urdu news karachi
latest news urdu pakistan



swat news


سنی لیونی
دیسی گرل
کرکٹ ویڈیو

noman ijaz net worth

Village Talkies said...

Great information!!! Thanks for your wonderful informative blog.
Village Talkies a top-quality professional corporate video production company in Bangalore and also best explainer video company in Bangalore & animation video makers in Bangalore, Chennai, India & Maryland, Baltimore, USA provides Corporate & Brand films, Promotional, Marketing videos & Training videos, Product demo videos, Employee videos, Product video explainers, eLearning videos, 2d Animation, 3d Animation, Motion Graphics, Whiteboard Explainer videos Client Testimonial Videos, Video Presentation and more for all start-ups, industries, and corporate companies. From scripting to corporate video production services, explainer & 3d, 2d animation video production , our solutions are customized to your budget, timeline, and to meet the company goals and objectives.
As a best video production company in Bangalore, we produce quality and creative videos to our clients.

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Comments

Twitter Delicious Facebook Digg Favorites More