December 27, 2008

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


57 comments:

Best Value said...

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

Schmitzl said...

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.

Divya Sai said...

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

Schmitzl said...

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.

bloggerstop.net said...

hmmmm...

:|

Divya Sai said...

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

Divya Sai said...

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

Divya Sai said...

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

Schmitzl said...

Sai,

Thanks! I'll give it a go!

Dennis

Mohammad Mustafa Ahmedzia said...

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

Divya Sai said...

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

Kashif Arif said...

hiiiiiii Divya,

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

I found this widget but from somewhere else

Spy said...

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

Thank you.

Vikas Kumar said...

This Blog is superb :))

Mystique Earth said...

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

chandan said...

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.

Sai @ Blogger Help said...

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>

esyrecipes said...

thanks

oyun said...

thank you very much very nice topic

Aşk Şiirleri said...

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

Divya Sai said...

??

Anonymous said...

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

http://www.cr1ticalmass.com/

design cocktail said...

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

Divya Sai said...

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

mma pound for pound said...

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.

Poker Blog said...

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

Lina.

Sai @ Blogger Widgets said...

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.

Blackswan said...

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

Laptop Repairs Company said...

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

Tjene penger said...

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

~Bloggerina~ said...

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

Panel PCs said...

I'll try this!

cool said...

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

Night Owl Says said...

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!

Divya Sai said...

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.

Anonymous said...

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

Night Owl Says said...

Hi Sai

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

Blackswan said...

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!

Sai - Blogger Help said...

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

Yellow Bells said...

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

Yellow Bells said...

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?

Maey said...

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.

emery cat said...

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

sharon_flavia said...

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

Johnlev said...

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

Aj said...

:))

MiSsZ said...

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

MiSsZ said...

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

must_once said...

thanks for your info

What If ??? said...

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

free i doser said...

Nice , Very helpful fo my blog Thanks

http://freeidoserdoses.blogspot.com

sclerotherapy said...

Thanks for your information

medical weight loss said...

Nice this is a very helpful for all,Thanks

Chiara di Notte - Klára said...

This widget is not working anymore... :(

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

Alice Wills Gold said...

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

weightloss pills said...

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

manadoparabola said...

must be created on pipe yahooo first...

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

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

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]TopRankLinks[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy