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="http://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

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

49 comments

Write comments
December 14, 2008 3:48 PM delete

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

Reply
avatar
December 15, 2008 2:33 AM delete

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)

Reply
avatar
December 22, 2008 3:24 PM delete

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!

www.dailyaxioms.com

Reply
avatar
December 27, 2008 3:49 PM delete

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

Reply
avatar
December 27, 2008 4:12 PM delete

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 !

Reply
avatar
January 19, 2009 9:44 AM delete

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

Reply
avatar
January 25, 2009 4:40 AM delete

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

Reply
avatar
January 26, 2009 2:40 PM delete

Hi Polarfuchs

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

And use the third widget code.

Regards
Sai

Reply
avatar
February 07, 2009 8:46 AM delete

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

Reply
avatar
February 07, 2009 9:36 AM delete

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

Reply
avatar
February 14, 2009 2:24 PM delete

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

Reply
avatar
February 16, 2009 12:07 AM delete

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 ;))

Reply
avatar
February 16, 2009 10:38 AM delete

Hello 'vertexroll'

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

Regards
Sai

Reply
avatar
February 18, 2009 2:00 PM delete

Nice post. Will give it a try.

Reply
avatar
March 10, 2009 12:19 AM delete

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

Reply
avatar
March 10, 2009 5:27 AM delete

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 !

Reply
avatar
March 16, 2009 4:05 AM delete

Just what I needed. Thanks.

Reply
avatar
March 29, 2009 1:45 AM delete

It works great on my blog. Thanks so much!

http://louisvuittonspotters.blogspot.com/

Reply
avatar
April 02, 2009 4:51 AM delete

Learn almost every method to hack almost any id
http://rafayhackingarticles.blogspot.com/

FOr author:let us have a link exchange you can add mine and ill vll add yours
http://rafayhackingarticles.blogspot.com/

Reply
avatar
April 02, 2009 8:03 PM delete

Shoot! All I see is this link "Popular Posts Widget", and nothing else... can you please help me.

Reply
avatar
April 03, 2009 10:42 AM delete

Dude the widget is not there in your blog, plz do not remove the widget, until I check it !

Reply
avatar
November 09, 2009 10:23 AM delete

Hey Josh,
Plz click on the "get this widget" link below my popular posts widget, in the footer, and try any of the three variations of PPW.

Reply
avatar
Jessica
November 21, 2009 8:44 PM delete This comment has been removed by a blog administrator.
avatar
February 15, 2010 11:18 AM delete

hello can you make this widget simple script,so my blog fast to load

Reply
avatar
February 18, 2010 12:56 PM delete

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 :)

Reply
avatar
March 15, 2010 12:59 AM delete

please tell me how did you give a different background for html code?

Reply
avatar
March 20, 2010 5:59 PM delete

very helpful content...but i guess it will take sometime to work on my site...as it will store popular pages...nywz thnx

Reply
avatar
April 18, 2010 4:32 PM delete

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 punnyponderings.com. Am I doing something wrong?

Reply
avatar
June 23, 2010 11:52 AM delete

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
sweetfacedstyle.blogspot.com

Reply
avatar
August 28, 2010 4:39 PM delete

thanks 4u, one more thanks/////,,,,,

Reply
avatar
October 07, 2010 9:11 AM delete

ok thanks for this information

Reply
avatar
October 22, 2010 6:40 AM delete

Blogger has provided this feature in the add to gadget section that too in the first,i think this code is not needed anymore

Reply
avatar
March 16, 2011 10:47 AM delete

That's nice tips,... I'll try first...

Reply
avatar
August 05, 2011 5:56 AM delete

not working divya.. i have to remove it. for blogger widget, the wording are all over the place, i've no idea how to modify it..

www.huntersfood.com

Reply
avatar
August 08, 2011 6:37 AM delete

Thank you for helpful info. It was simple to read, but I'd like to add that if your business needs to be updated try mobile software development.

Reply
avatar
November 07, 2011 4:26 AM delete

Thanks for nice info. Let me mention about home insurance by zip provided by homeowners insurance companies. Compare free rates on homeowners insurance.

Reply
avatar
November 07, 2011 6:06 PM delete

Thank you for posting this great info. You have great possibility to choose gaming affiliate program. The most common casino programs such as affiliates united program and great poker rooms such as red bet affiliates.

Reply
avatar
November 09, 2011 3:05 AM delete

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

Reply
avatar
November 12, 2011 6:08 AM delete

I'm glad to read about this. I'm happy to share with cheap insurance that is supported by top home insurance companies. You may save on cheap homeowners insurance which allow customers to get affordable cheap policy.

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon