Blogger Help – How To Add Popular Posts Widget In Blogger

As every blogger wants to show thier popular blog posts (most commented) to their visitors, so here is a very easy method to add a widget containing 10 most commented posts (in order),  anywhere in your blog.

To add popular posts widget in new variations like showing widget without the word “comments” in the brackets, or showing only titles without comment numbers, see this new post:

CLICK HERE – Popular Posts (Most Commented) Widget For Blogger [Error Solved] – New And Working

Follow these steps :
1. Log in to Blogger
2. Go to “Layout” section
3. Click on “Add A Gadget” link
4. Select it as “HTML/JavaScript
5. Now copy and paste these code lines :

<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=”″ type=”text/javascript”></script><a href=”” target=”_blank”><span style=”font-size: xx-small;”>Popular Posts Widget</span></a>

Replace everything in the blue color with your blog’s domain/url address, before pasting. Now drag the widget to anywhere you like in your blog’s layout. Save your work, and show all your popular posts to your visitors.
You can adjust the number of posts to be shown, by changing num=X code.

NOTE: While adding your domain name/blog’s url, remember NOT to add http://www.
So only write YOUR_WEBSITE.BLOGSPOT.COM or YOUR_WEBSITE.COM (custom domains)

You can see my popular posts widget in the sidebar.
Credits: Blogger Buster

48 thoughts on “Blogger Help – How To Add Popular Posts Widget In Blogger

  1. Hi Eric
    I have checked the source code of your blog, and found it absolutely fine, there might be some code conflict with your blog’s template….(the problem may be there in the css part of your template)

  2. If you are logged in to your blogger account, then in the same browser, open your blog in a new tab, and then go the specific post, in the comments at the bottom, you’ll see a comment-deletion symbol(a dust-bin)m click on it to remove the specific comment, that’s it !

  3. Well if you don’t want to use any external tools, then there’s an alternate way too,
    go to “Edit posts”, manually copy the links of posts with maximum comments, and paste the links in a link-list widget, and this has to be done every time someone comments, and the order changes !

    Blogger has not given us too many add-ons or plug-ins like WordPress, so external help is a must for blog*spot blogs !


  4. There’s a small mistake in the code u are using and the code you are using is not from this blog…so may be the mistake is already there in that tutorial…
    Anyways before your blog address there should be a ‘F’…
    Right now your code is:

    And it should be like this:

    So simply add that ‘F’, that’s it !

  5. Code cannot be changed, but you can do the same thing that I do in this blog.
    I use another blog(for all my trial work). In that blog, I have placed the popular-posts widget of this blog (BloggerStop.Net)
    and I regularly copy paste the links and details from that widget to this blog (in to a HTML/JavaScript) manually.
    So finally in this blog, finally the widget is there but without any javascripts/yahoo pipes 🙂

  6. Though I am a newbie at blogging, a few of my posts have comments. However, the option #3 for without numbers, is not picking up any of the post titles. (I tried the other options as well.) I replaced the red code with Am I doing something wrong?

  7. Hi, thanks for the code, but I would like to show a pic from each post in the list, is that possible!

    Thanks for your help, Anika

  8. I was looking at you wbsite,Michael Vick Jersey which is wonderful, and noticed that you have a postcard published by my cousin, Mathew Gardner. I am currently researching our family history and wondered if you had Authentic NFL Jerseys Cheap the original postcard and any other information whih has not been published on your website.

    I have some information which I would be happy to furnish if you wish to get in touch.Cheap Steelers JerseysLooking forward to hearing from you.
    Cheap NFL Jerseys
    Authentic NFL Jerseys
    Official NFL Jerseys
    Authentic NFL Jerseys Cheap

    Michael Vick jersey
    DeSean Jackson jersey
    LeSean McCoy jersey
    Brent Celek jersey
    Brandon Graham Jersey

Leave a Reply

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