How to add most popular/commented posts widget in Blogger?

Do you want to show the most popular blog posts to your readers? Here is a widget which can be placed anywhere in your blog. This “Most popular posts” widgets is also known as “Most Commented Post” widget.

Log into Blogger > LayoutPage Elements.  Then click “Add a gadget” and select “HTML/Javascript“. Now, all you have to do is to copy and paste these codes below.

<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>”;
<script src=”
=http%3A%2F%2Fyourblogname.blogspot.com_without HTTP://&num=10” type=”text/javascript”></script>
<noscript><a href=”” target=”_blank”>Get This Widget</a></noscript>

How to customize it?

Replace the text highlighted with orange colour with your blog’s URL without http://.

The default number of posts to be shown is 10. You can set the number of posts that you want to show by replacing the number highlighted with green colour.

The default widget will show title of the post and without number of comments. If you want show number of comments, replace the code highlighted with blue colour with codes below.

  • 1a1c6e4e6d4f148e3650fda46910e15f     will display it with no count.
  • a7d3195528df5e96181a3d2712266226  will display with a count (23)
  • 1cf38ae68efbe859c4ba1ee239cec099     will display like this (23 comments)

And click “Save“.

2 Replies to “How to add most popular/commented posts widget in Blogger?”

  1. I like blogger, I learn everything in this blog. I must say that A very well constructed tutorial, I might do this in the future.Thanks for sharing…

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.