Just simply add this code into your blog.
From your Blogger account, click 'Layout' and then click 'Page Elements' tab.
Click 'Add a widget' on the any side where you are desired to place your Top Commenters widget.
Choose 'HTML/Javascript', and enter this script.
<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 + "'";
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=720a4578c7b83dfce64615cb0ad3c642&url=http%3A%2F%2FXXXXXXXXXX&num=10&filter=ZZZZZZZZZZ" type="text/javascript"></script>
Change XXXXXXXXXX to be your blog address (Example: http://funblog.blogspot.com if you are using .blogspot.com sub domain. Or enter www.funblog.com if you are using your own domain).
Change ZZZZZZZZZZ to be your name in Blogger Account, so that script will not appearing your name as the top commenters, simply that script will not put the blog owner's name on it. If you don't know what is your name, you can check it by commenting in your own blog and see what name that appear as the commenter.
Got a trouble? Feel free to comment us on this post.
