How to show Top Commenters/Commentators widget on BlogSpot Blogs

Top Commenters


Widget by BloggerStop
If your blog has some loyal visitors and commenters, so one way to show your gratitude for them is to make your blog a "dofollow" blog, or you can add a top-commenters widget to your blog.

Adding a top-commenters is very easy, Just log in to your Blogger account.
Now go to Layout -> Add a Gadget -> HTML/Javascript

Now copy and paste this code in to it:
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=7b5e76fd684f11e94320abd4e00fbbca&url=http%3A%2F%2FYOUR_BLOG_ADDRESS_WITHOUT_HTTP://&num=10&filter=BLOG_AUTHOR_NAME" type="text/javascript"></script>
<span style="font-size: 80%">Widget by <a href="http://bloggerstop.net">BloggerStop</a></span>

Replace everything in RED, with the appropriate details of your Blog. You may write any visitor's name or your own name in filter=BLOG_AUTHOR_NAME (and this name will be deleted from the top commentators list). You may of course change the number of commentators to be displayed. (shown in blue).

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

57 comments

Write comments
May 15, 2009 1:52 PM delete

Thanks for the tips. It really helped me to set up my blog according what I need.

Reply
avatar
May 17, 2009 10:52 AM delete

Nice one! I have a question though: is it possible to make the links behind the names of the top commenters open in a new tab? Some commenters don't have a blogger/google profile page so clicking their name will lead to a dead page (see AB in you own top commenters list for example). Better if that happens in a separate page. Thanks for your help.

Reply
avatar
May 17, 2009 11:05 AM delete

Nice point Dennis !

Well, in the code above,
change:

var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

to

var item = "<li>" + "<a target="_blank" href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

Regards
Sai

Reply
avatar
May 17, 2009 11:28 AM delete

Dear Sai,

Thanks for your fast reply!

I tried that, but one way or another if I do this, the list disappears. It doesn't seem to like the target="_blank" addition.

Reply
avatar
May 17, 2009 2:37 PM delete

Hey dude...thanks for bringing my attention to this widget, there was some error in it, due to which it was showing some errors in the data....now I have corrected it....

I'll try to give you the code as you wanted...

Reply
avatar
May 17, 2009 2:49 PM delete

Here....try this widget:
<script src="http://pipes.yahoo.com/js/listbadge.js">{"pipe_id":"7b5e76fd684f11e94320abd4e00fbbca","_btype":"list","pipe_params":{"url":"http:\/\/www.YOUR_BLOG.COM","filter":"Anonymous","num":"10"}}</script>


Change the bolded words...and I do not know whether Yahoo! allows you or not, but if you further want to modify the widget, then you have to edit the .js file and then upload it to your own file host and then use the new link in the code above.
(You may modify the .js file to remove the "get this" link etc.)

Regards
Sai

Reply
avatar
May 17, 2009 2:52 PM delete

As the code is not visible in the comment above, so copy my previous comment COMPLETELY and paste it in MS WORD, bolded words will remain as such....

Reply
avatar
May 19, 2009 2:43 PM delete

Sai,

Thanks! I'll give it a go!

Dennis

Reply
avatar
Mohammad Mustafa Ahmedzia
August 07, 2009 4:55 PM delete

hi Dsai, I just came around this post and was amazed to see that I have commented so much at your blog. Now I need a gift :D

Reply
avatar
August 08, 2009 3:12 AM delete

Yes Mohd...you certainly deserve a gift :) ...how about an ad spot (125x125) for your blog for the next 1 month at BloggerStop?

Reply
avatar
Kashif Arif
August 21, 2009 12:12 AM delete

hiiiiiii Divya,

I read your blog 1st time.....What can I say it's superb...

I found this widget but from somewhere else

Reply
avatar
Spy
September 03, 2009 3:55 PM delete

Hello,
is there any way to have more than one comentator filtered?

Thank you.

Reply
avatar
October 06, 2009 11:07 AM delete

You are doing a Great Job. Keep it up.
...and thanks for the wealth of information.

Reply
avatar
November 24, 2009 2:37 AM delete

Sir I want to install top commentator widget on my blog, so that top commnetator get backlink from my blog. But the top commentator widget that you mentioned here only show the blogger profile link against each top commentator.

Reply
avatar
November 24, 2009 8:45 AM delete

Well links displayed are those with which commentators have commented. If you want to display their blog's addresses then you have to manually do it, like this:
<ol>
<li><a href="address 1">Commentator 1</a></li>
<li><a href="address 2">Commentator 2</a></li>
..
..
..
<li><a href="address 10">Commentator 10</a></li>
</ol>

Reply
avatar
January 24, 2010 5:11 PM delete

thank you very much very nice topic

Reply
avatar
January 31, 2010 7:23 AM delete

As the code is not visible in the comment above, so copy my previous comment COMPLETELY and paste it in MS WORD, bolded words will remain as such....

Reply
avatar
Anonymous
February 03, 2010 8:51 AM delete

Really like this article, like your site i think its up and coming

http://www.cr1ticalmass.com/

Reply
avatar
February 04, 2010 4:28 PM delete

i filtered my name in the code but it still shows up as a top commentator. how do i fix this? thank you!
by the way, i tried 3 other widgets and none of them worked on my page, so glad i found yours!!!

stephanie
www.designcocktail.blogspot.com

Reply
avatar
February 07, 2010 9:59 AM delete

Nice blog Stephanie, specially your header and top-menu links. Glad to know that the code is working for you :) You can only filter 1 name from this widget (as far as I know), so even if you are using commas to add more names, it will only consider the first one.

Regards
Sai

Reply
avatar
February 16, 2010 12:10 AM delete

Hey webmaster, good day. Totally Great work. You have gained a new fan. Please continue this awesome work and I look forward to see more of your excellent posts. Take care.

Reply
avatar
February 22, 2010 2:03 AM delete

Fantastic work with your html code. Are you a programmer Divya ?
All your codes and posts are perfect. Love them ;)

Lina.

Reply
avatar
February 22, 2010 2:24 AM delete

Thnks Lina, well I'm not a certified programmer, in fact I'm pursuing my degree in biotech. It's just the love towards blogging, that I got in to this.

Reply
avatar
March 02, 2010 2:33 AM delete

Hey, installed the widget & it's working well! Thks for much & chk it out @ Luxury Indulgence!

Reply
avatar
March 15, 2010 10:00 AM delete

I've been looking for something like this for a while. Will try the code out. Cheers mate!

Reply
avatar
March 24, 2010 2:54 PM delete

All this hassle, is why you probably should host your own blog - and your own website :)

Reply
avatar
May 17, 2010 12:51 PM delete

hi,i'd like to share this on my blog,with my mother tongue language. but when i qoute the script, the script will load on the post.

pls quide how am i able to post the code,without this widget loads on the post.tq

Reply
avatar
cool
July 10, 2010 7:48 AM delete

need ur help, i want widget showing Top Commenters of last 7 days in my blogspot blog ......

Reply
avatar
July 29, 2010 1:26 AM delete

Hi just to check, the chart will auto update by itself right? i mean if someone commented 10 times and the number in the chart will increase automatically? how long does it take to auto update? thanks!

Reply
avatar
July 29, 2010 12:26 PM delete

Yeah the script makes it an automatic process to update the list.
But actually, there's some problem with the comment-number feed link of Blogger. So the list isn't showing the correct number, even in the example widget (in the post above), it is being shown that I have only 331 comments in this blog, whereas I easily have made more than 1000 comments.

Reply
avatar
Anonymous
September 04, 2010 10:41 PM delete

Thanks so much. I tried so many other codes from other sites for the top commentators area, but none of those ones worked.

Reply
avatar
September 07, 2010 3:31 AM delete

Hi Sai

Thanks. Guess the link of Blogger still not working right till now. Is there anyway to fix it? Just trying my luck :)

Reply
avatar
September 10, 2010 9:42 AM delete

Hey, thks for this wonderful tool!

I've a weird problem tho'. Strangely, there's a "Family Cuisine Food & Recipe" appearing as my No.5 Top Commenters but I can't find any of its comments. This blog is definitely not one of the top commenters, so I don't understand how the name got listed.

Can u kindly take a look @ http://luxuryhaven.blogspot.com & help me out pls? I'm not tech savvy so clear instructions would be highly appreciated.

Thks so much!

Reply
avatar
September 10, 2010 10:11 AM delete

Hi Shirly,

I did find the comments made by that profile, just for the fact, it is "Family Cuisine Food And Recipe" rather than "Family Cuisine Food & Recipe" :)

Here are your posts, where comments are made by that profile:
Comments by Family Cuisine Food and Recipe on Luxury Haven

Reply
avatar
October 24, 2010 9:17 AM delete

thanks to you, one click and I have my top commentators!

Reply
avatar
October 28, 2010 1:26 AM delete

hi, this really works for my blog however one of my blogging friends is on wordpress.com and some has their own domain and when I incorporate this to my blog those with WP are not counted, is there something you can do to add WP user comments on the same widget?

Reply
avatar
November 08, 2010 3:00 AM delete

hi,
wanna ask something...
i visit this blog and see the comment page http://bloggerhowtotips.blogspot.com/2010/05/add-bubble-comments-count-in-blogger.html
its show commentator profile and how many comments.
how can i do like this?
sorry for my bad english.hope u understand.

Reply
avatar
November 08, 2010 6:44 PM delete

Great point and tips, I'm going to add some of this to my blog:)

Reply
avatar
December 22, 2010 12:53 PM delete

It just doesnt seem to work for me :(
http://bondingoverblogs.blogspot.com/

Reply
avatar
February 25, 2011 9:00 AM delete

oh..wow...what a wonderful widget...Thanks a lot for sharing and its working great....

Reply
avatar
April 02, 2011 11:59 AM delete

Hi.. I have try other top commentr widget, at 1st it work smoothly, however after 300 comments of top commentor its start to make problem.. sometimes it shows the top commentor comments lower that its real number..

i have try yours..... however the top commentors's comments only 185 instead of 351.. can u help me?? plzzzzzzz asap... i really need ur help..

Reply
avatar
April 02, 2011 12:01 PM delete

Plz email your reply at missz.garden@yahoo.com

Reply
avatar
July 11, 2011 4:43 PM delete

Hello Sir !

Thanks a lot for sharing this wonderful code ... I have been gone thru how to add MP3 to a blog.

All your posts are awesome !! ... Today only I found you and now on you will see me daily ;) ;)

www.whatifqbank.blogspot.com

Reply
avatar
July 14, 2011 9:39 PM delete

Nice , Very helpful fo my blog Thanks

http://freeidoserdoses.blogspot.com

Reply
avatar
July 28, 2011 1:12 PM delete

Nice this is a very helpful for all,Thanks

Reply
avatar
August 29, 2011 6:35 AM delete

This widget is not working anymore... :(

http://chiara-di-notte.blogspot.com/

Reply
avatar
August 30, 2011 3:27 PM delete

This widget has been the biggest headache. I don't know if blogger is messing with it or if pipes has problems but I get it to work and then it goes repeatedly. Any ideas. Please e-mail me. alice.w.gold at gmail

Reply
avatar
December 21, 2011 7:05 AM delete

Hi all,Thanks! I'll give it a go.

Reply
avatar
April 13, 2012 6:51 AM delete

must be created on pipe yahooo first...

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon