How to show Top Commenters/Commentators widget on BlogSpot Blogs

Top Commenters
function pipeCallback(obj) {
document.write(‘

    ‘);
    var i;
    for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; if(obj.value.items[i].link == "") var item ="
  1. ” + obj.value.items[i].title + “
  2. “;
    else
    var item = “

  3. ” + “” + obj.value.items[i].title + “
  4. “;
    document.write(item);
    }
    document.write(‘

‘);
}

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

Leave a Reply

57 Comments on "How to show Top Commenters/Commentators widget on BlogSpot Blogs"

Notify of
avatar
Sort by:   newest | oldest | most voted
Best Value
Guest

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

View Comment
Schmitzl
Guest

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.

View Comment
Divya Sai
Guest

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

View Comment
Schmitzl
Guest

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.

View Comment
bloggerstop.net
Guest

hmmmm…

😐

View Comment
Divya Sai
Guest

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…

View Comment
Divya Sai
Guest

Here….try this widget:
<script src="http://pipes.yahoo.com/js/listbadge.js"&gt;{"pipe_id":"7b5e76fd684f11e94320abd4e00fbbca","_btype":"list","pipe_params":{"url":"http://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

View Comment
Divya Sai
Guest

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

View Comment
Schmitzl
Guest

Sai,

Thanks! I’ll give it a go!

Dennis

View Comment
Mohammad Mustafa Ahmedzia
Guest
Mohammad Mustafa Ahmedzia

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 😀

View Comment
Divya Sai
Guest

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

View Comment
Kashif Arif
Guest

hiiiiiii Divya,

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

I found this widget but from somewhere else

View Comment
Spy
Guest

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

Thank you.

View Comment
Vikas Kumar
Guest

This Blog is superb :))

View Comment
Mystique Earth
Guest

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

View Comment
chandan
Guest

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.

View Comment
Sai @ Blogger Help
Guest

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>

View Comment
esyrecipes
Guest
oyun
Guest

thank you very much very nice topic

View Comment
Aşk Şiirleri
Guest

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

View Comment
wpDiscuz