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.



*UPDATE:
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>”;
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%2FYOUR_DOMAIN_NAME_HERE_WITHOUT_http://&num=10″ type=”text/javascript”></script><a href=”https://bloggerstop.net/2008/10/blogger-help-how-to-add-popular-posts.html” 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

Leave a Reply

48 Comments on "Blogger Help – How To Add Popular Posts Widget In Blogger"

Notify of
avatar
Sort by:   newest | oldest | most voted
RI 360
Guest

Thanks for the above code. For some reason on my blog it is showing the blog post URLs and not the titles of the the posts referenced as yours do below. Any ideas? Thanks, Eric

http://RooseveltIsland360.blogspot.com

See half way down right sidebar

View Comment
Divya Sai
Guest

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)

View Comment
Drew Gneiser
Guest

I also am having the same problem as RI 360. If you could help me add this the correct way, I would be so grateful. Please help!

http://www.dailyaxioms.com

View Comment
Irish Cottage Dreams
Guest

Love the widget. Thank you!
Is there a way to remove a popular
comment that you don’t want listed?

View Comment
bikes
Guest

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 !

View Comment
Marian Devotee
Guest

thanks…

View Comment
Shaid
Guest

Nice, helpful, awesome!!!…
but is it possible to post a blog with adsense in blogger?
Thank you.
Scholarships solutions

View Comment
polarfuchs
Guest

script works fine. but how can I delete the number of comments shown behind each title? they are not showing up in your widget…

chris

View Comment
Divya Sai
Guest

Hi Polarfuchs

Go to this page:
https://bloggerstop.net/2008/12/popular-posts-widget-for-blogger-new.html

And use the third widget code.

Regards
Sai

View Comment
Xandre Lima
Guest

This Script uses the Pipe tool from Yahoo? Isn’t that something that might compromise the blog anyhow?

View Comment
Divya Sai
Guest

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 !

Regards
Sai

View Comment
Lunais
Guest

THANK you for this code!!! I have been searching for a good popular posts widget for a long time!!!

View Comment
Blogger Templates
Guest

Well I would suggest you to read this post too:
New Customized Popular Posts Widget For Blogger

View Comment
vertexroll.blogspot.com
Guest

how do u add ‘add a gadget’ :)]
at bottom of blog ,
i hav blog , vertexroll.blogspot.com
i want to add add a gadget @ bottom of blog so that i can put ads ther , how any html ??or java , reply me 8-}
vertexroll@gmail.com ;))

View Comment
Divya Sai
Guest

Hello ‘vertexroll’

I think this post will be useful to you:
Add 3 new widgets, at the bottom of your blog

Regards
Sai

View Comment
Pushkar
Guest

Nice post. Will give it a try.

View Comment
debtconsolidation
Guest

I can’t use it. I don’t understand why. You can help me to check http://www.lyricsvideo.net, please!

View Comment
Divya Sai
Guest

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:
url=http%3A%2F%2YOUR_DOMAIN_NAME_HERE_WITHOUT_http://&num=10"

And it should be like this:
url=http%3A%2F%2FYOUR_DOMAIN_NAME_HERE_WITHOUT_http://&num=10"

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

View Comment
Kwame Owusu
Guest

Just what I needed. Thanks.

View Comment
Louis Vuitton Spotters
Guest

It works great on my blog. Thanks so much!

http://louisvuittonspotters.blogspot.com/

View Comment
wpDiscuz