How To Add Popular Post Widget For Blogger

How To Add Popular Post Widget To Blogger

1. Login to your blogger dashboard--> Layout-->'Add A Gadget'
2. Choose Html/Javascript Gadget and paste the following code into the area provided :

<script type="text/javascript">

function pipeCallback(obj) {

document.write('<ol style="text-transform: capitalize;">');

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=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2FYOURBLOG.blogspot.com&num=10" type="text/javascript"></script>

Note : Remember to replace YOURBLOG with your blog name.Also you can change 10 to show different number of popular posts.

3. Save HTML/Javascript you are done.