How to add Most Popular Post in Blogger Widget (Most Commented)
After you have set up your blog, most of the finishing touches to do is to put a widget on your blogspot / blogger blog containing your most popular post. You can see a sample on the lower right part of this blog. Your most popular posts are those post which contains the most comment or reactions from readers. Hence, in this case, its not the traffic that counts that makes the post popular.
How do you do this? Open up your blogger dashboard, go to page elements then add a gadget on a place where you desire to place the popular post. Click on add Html/Javascript, a pop-up will open for you. Input your desired title, it could be Popular Post, Most Commented, Most Talked, etc. Now copy the code below and paste it on the window, change the capitalized istaylsugbo.blogspot.com with your own blogname. Don’t touch the capital “F”, it stays there. And the number 5 with how many post you would like to show.
I hope you will find this post useful. Don’t forget to comment.
After you have set up your blog, most of the finishing touches to do is to put a widget on your blogspot / blogger blog containing your most popular post. You can see a sample on the lower right part of this blog. Your most popular posts are those post which contains the most comment or reactions from readers. Hence, in this case, its not the traffic that counts that makes the post popular.
How do you do this? Open up your blogger dashboard, go to page elements then add a gadget on a place where you desire to place the popular post. Click on add Html/Javascript, a pop-up will open for you. Input your desired title, it could be Popular Post, Most Commented, Most Talked, etc. Now copy the code below and paste it on the window, change the capitalized istaylsugbo.blogspot.com with your own blogname. Don’t touch the capital “F”, it stays there. And the number 5 with how many post you would like to show.
<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=1cf38ae68efbe859c4ba1ee239cec099&
url=http%3A%2F%2FISTAYLSUGBO.BLOGSPOT.COM&num=5"
type="text/javascript"></script>
I hope you will find this post useful. Don’t forget to comment.
