May 14, 2011

Blogger Tutorial : Top Commentators Widget For Blogger

Hello bloggers and readers. Leaving comments on someone's blog actually can bring you many benefits for you blog. Leaving a comment on someone's blog also can give you a free backlink. Backlink is an important thing to get good ranking in Search Engine. 


Here I would like to share how to add "Top Commentators Widget" for blogger. This is one of the way how you can increase your traffic by rewarding your loyal readers commentators, and also give free backlink to your readers.



Adding a "Top Commentators Widget" for blogger is very easy.

First of all, login to your blogger account.
On dashboard page, choose "design" (Click on it)



After that you will ask to add or arrange the page elements. Now click "Add Gadget"
Choose "HTML Javascript"












Copy the code below :


<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&
amp;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 Provided by <a href="http://www.mdhafiz.net">MDHAFiZ.NET</a></span>



Replace all in the green colored above with your blog address, maximum numbers of commentators display, and the author's name (Block The Author's Name).
Done! Save it and view your blog.



Reactions: