Popular Posts Widgets For Blogger - New and Working

The previous widget for showing Popular posts (most commented), has been stopped working, so here's a new code for the widget.

Steps to follow:

Log in to Blogger
Go to Layout -> Add a Gadget -> HTML/JavaScript

Now copy and paste this code in to the widget:

Widget Style #1

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul 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('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=28a6afad7c6ba1288c1b738277e42385&url=http%3A%2F%2FYOUR_BLOG_ADDRESS_HERE_WITHOUT_http://&num=10" type="text/javascript"></script>
<a href="http://bloggerstop.net" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a>

NOTE: REPLACE everything in RED color in the code above with your blog's address without typing http://

The above code displays 10 posts, you can change it by editing the number being displayed in blue !

The above widget code, displays the links/titles like this:

Post one (18)
Post two (14) etc.

If you want to display them like this:

Post one (18 comments)
Post two (14 comments),

then use this code :

Widget Style #2

<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=ML4p0UfW3RGgS7iN1JzWFw&url=http%3A%2F%2FYOUR_BLOG_ADDRESS_WITHOUT_http://&num=10" type="text/javascript"></script>
<span style="font-size: 80%">Widget by <a href="http://www.bloggerstop.net">Blogger Widgets </a></span>

And in case, you want to display the popular posts without the number of comments (as requested by Ben), use this code:

Widget Style #3

<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=097d1b822fc6f356d8376802a911036b&url=http%3A%2F%2FYOUR_BLOG_ADDRESS_WITHOUT_http://&num=10" type="text/javascript"></script>
<span style="font-size: 80%">Widget by <a href="http://www.bloggerstop.net">Blogger Widgets </a></span>

P.S. : Please do not remove the footer link...

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

213 comments

Write comments «Oldest   ‹Older   201 – 213 of 213   Newer›   Newest»
August 28, 2010 2:58 AM delete

Thanks 4 share, it's very useful for a new blogger as me :)

Reply
avatar
December 22, 2010 10:06 AM delete This comment has been removed by the author.
avatar
December 23, 2010 3:46 AM delete

Thank you for the nice widget.
Works perfectly on my blog.

Reply
avatar
February 26, 2011 9:37 PM delete

Hello, I've added this widget but have some problems with it. For example, my most commented post, which has 42 comments is not included in my list. i also have another post with 35 comments that is not on the list. Could you tell me why? Thanks.

Reply
avatar
March 07, 2011 8:43 AM delete

hi,why it won't working well in my blog?
i meant its word never separate each other....how can i recover it?

i use this in my test blog,http://ata-testblog.blogspot.com

Reply
avatar
July 29, 2011 9:30 AM delete

(Jul-29-2011) Hi Divya! I am using your widget to show my most commented posts, but I have noticed that it is not exactly correct. The wisget has my most commented post at 16 comments, but this page:

http://cupadeecakes.blogspot.com/2010/11/how-do-i-get-my-cakes-smooth.html

has 29 comments. Can you explain why it isn't showing as #1? Thank you for your time and helping the blogging community!

Reply
avatar
October 04, 2011 8:35 PM delete

yes I like it. Firstly I am looking for the javascript. But have available in widget. So crazy me.

Reply
avatar
November 04, 2011 10:54 AM delete

Hi. Your tutorial is very interesting. I got a little problem about the popular post.
Would you help me, please?
Sentence for his post is not popular in my blog comes up.
Please visit my blog at merahmarunluck.blogspot.com so you can see it and give a little of all this problem solving.
Thank you ..

Reply
avatar
November 04, 2011 10:57 AM delete

Hi. Your tutorial is very interesting. But, I've got a little problem about the popular post.
Would you help me, please?
Sentence for his popular post is not comes up in my blog.
Please visit my blog at merahmarunluck.blogspot.com so you can see it and give a little of all this problem solving.
Thank you ..

Reply
avatar
December 10, 2011 7:52 PM delete

Is that any way to get our blogger popular post on our pages instead on widget I want to show my most popular articles by view on my pages with more number eg. 50 or 100 most view articles thanks.

Reply
avatar
January 29, 2012 4:28 PM delete

The widget is not showing up on my blog for some reason, just the footer. Oh well. Guess I'm off to find a different one.

Reply
avatar
August 14, 2012 12:09 PM delete

Hi, Cool stuff. Another Question: I want my most poular blogger posts displayed on a blogger page. I know i can have those managed with labels, so that there's a page with all blogposts with that label. But how can I adopt the sidebar gadget to deliver content on a page? Thanks

Reply
avatar
May 08, 2013 3:23 PM delete

> Andre Meier
> I want my most popular blogger posts displayed on a blogger page
There's no an easy way to do that in Blogger. You can try this: http://fruitfulbookmarks-en.blogspot.com/2012/11/how-to-sort-blogger-posts-by-popularity.html. Not based on a widget described in this article though.

Reply
avatar
«Oldest   ‹Older   201 – 213 of 213   Newer›   Newest»

Comments are moderated on this blog

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

Comment Like This! and Optimize your blog EmoticonEmoticon