TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

Let's review a topic about how to add top commentators widgets on your blog. Like this below : How to add top commentators widget... nopict

Top Commentators Widget in Blogger

Let's review a topic about how to add top commentators widgets on your blog.

Like this below :



How to add top commentators widget on your blog ?

1. Go to Dashboard, click Design, click Add a Gadget

2. Click HTML/JavaScript

3. Place code of HTML below into HTML/JavaScript

<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=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Ftutorialwebforblogger.blogspot.com&num=15&filter=Blogfuel" type="text/javascript"></script>

<small><div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://tutorialwebforblogger.blogspot.com/2010/05/top-commentators-widget-in-blogger.html" target="_blank" title="widget top commentators">Add this widget to your blog</a></div></small>

NOTES :

You can change :
  • tutorialwebforblogger.blogspot.com with your blog URL.

  • 15 number of commentators displayed.

  • Blogfuel an author of blog.

4. Click Save and Done.

Now, you've already added top commentators widgets for your blog.

There are no comments yet for 'Top Commentators Widget in Blogger'