BOB SHARE: How to Add Top Commentators Widget For Blogger

Friday, February 21, 2014

How to Add Top Commentators Widget For Blogger

Todays we are providing tutorial about How to Add Top Commentators Widget For Blogger which is show top commentators of your blogger blog. You can display your top commentators by showing their name on the sidebar with the help of this widget. Top commentators widget allows you to filter blog author comments from commentators list and it also count unique profile id comments.

Add Top Commentators Widget For Blogger

Please follow below steps to Add Top Commentators Widget For Blogger:

Step 1

Step 2

Go to Layout and click on the Add a Gadget Link as shown in below picture.

Step 3

Select HTML/JavaScript from list as shown in below picture.

Step 4

Copy and paste below code into box.

<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-URL&num=5&filter=Anonymous" type="text/javascript"></script>
<br/><small>
<a href="http://www..com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a style="align:left;" href=http://www..com/2013/10/add-top-commentators-widget-for-blogger.html>Top Commentators Widget</a> | <a style="align:left;"
href=http://www..com/>Blogger Widget</a></small>

Tips: Change YOUR-BLOG-URL to your blog URL without WWW. You can also change number of top commentator of widget by changing 5. Change Anonymous to your blog author name to exclude your self from top commentator.

Step 5

Click on Save button.

download
alternative link download

BOB SHARE