Most Popular Post Widget for your Blogger blog (Most Commented Posts)

When I started blogging I get really frustrated why other blog has their Most Popular Post widget in their sidebar, and I can’t do the same. Mostly all of the most popular widget on the internet posting like from BloggerBuster or BloggerTricks aren’t working for me. Maybe with you too? So I decided to dig down Yahoo Pipes where the scripting for this widget is done. So finally I make the widget working that you will see on my sidebar right now. I will now elaborate the steps and make a friendly tutorial for you, for those beginner and mid-blogger who is still wasn’t able to install this wonderful widget.

I might say that this few steps are bit technical so I will make it simple with images for you to follow it well. The main thing about this post is cloning an existing “Pipes” of most popular widget so you can own it, I believe that other pipes that used several times would not work anymore –like what I’ve seen from other most popular widget with a single pipes account on it. So the solution make a copy of your own so other can’t used it and be optimized for your blog only.

Here are few steps you need to do to create your own Yahoo Pipes for the widget:

1. Log on to your Yahoo account. The one you use for your mail and messenger.
2. After you log, go this link where you can find the Yahoo Pipes.
3. When you see the pipes, just click clone and it will automatically copy the pipes to your account. Now we just need to further customized it.

Most Popular Post Widget for your Blogger blog (Most Commented Posts)
4. After you have cloned the pipes, we still need to copy one more pipes next click the “Edit Source” tab.

5. When the pipes appear, then scroll down then find the “Loop” function with [open] Blogger2… then click “open”.

Most Popular Post Widget for your Blogger blog (Most Commented Posts)6. After you clicked open, another set of pipes will appear and you need to save a copy of it. Save a copy by just clicking the “Save” button at the upper right of the Edit Source screen.

Most Popular Post Widget for your Blogger blog (Most Commented Posts)
7. Navigate back to main pipes, you may do two things. Click “Back to My Pipes” or just by simply clicking the tab you will see at the upper section. Demoed below, click the image to enlarge.

Most Popular Post Widget for your Blogger blog (Most Commented Posts)
8. Now let’s further customize the pipes, this the default url when the main pipes are not provided by your blog URL.
9. Test your widget if it’s working by clicking the “Pipe Output” on the bottom of the source pipes screen.

Most Popular Post Widget for your Blogger blog (Most Commented Posts)
10. Now navigate back to the main pipes then change the fields below to look onto your blog:

Most Popular Post Widget for your Blogger blog (Most Commented Posts) a.) blog URL: Place your blog url in the field.
b.) number of comments to consider: no. of comments in your post to count
c.) max no. of posts: max number of post to show

11. Then finally run the pipes, the “List” tab should show the most popular posts with the number of comments.

Now we’re done on the Yahoo Pipes part, now here is the Blogger Part.

1. Log on to your Blogger account.
2. Go to Layout tab then add a HTML gadget.

Most Popular Post Widget for your Blogger blog (Most Commented Posts)

3. Then copy this code below, and paste it on the HTML/Javascript gadget.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
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=f08ba75679d13feb4cfa0facb8df173b&blogurl=http://yourblogurl.com&numpost=10" type="text/javascript"></script>
<p style="float:right; padding: 0px 5px 0px 0px; font-size: 8px;line-height:6pt"> Widget by <a style="font-size:8px;line-height:6pt" href="http://www.bloggergeeze.com/" target="_blank">BloggerGeeze</a></p>

4.) Replace http://yourblogurl.com with your blog URL. “numpost=10“, this will give 10 post to display you can alter it to number of posts you desire. Then the crucial part is the Yahoo Pipes id where you should replace it by the id you will find at the “Pipe Web Address” we clone back at step 3. Click the image to enlarge.

Most Popular Post Widget for your Blogger blog (Most Commented Posts)Replace the green highlighted part of the code with your pipes id.

5. Now save the gadget and template. View it and the most popular widget should show on your blog.

Finally we’re done, I believe you would find this really interesting and helpful. If you don’t mind I spend hours making this widget works and sharing it to others is I guess worth the thanks. Please let me know if you have any problem implementing this widget. Just drop it on the comment form. Credit to Techniqueal for the Pipes.
  • kang

    Good solution and great tutorial. I have tried it and success. Thank for your explanation. I'm awaiting another tutorial for you.

  • Business and Finance

    Amazing tutorial.. I get more here…

  • Wordwelding

    I like blogger, I learn everything in this blog

  • ICT Learning

    Bloggers will have the ability like wordpress with various tutorials submitted by you.

  • Art Attack

    thank you for this post.Is this widget for non-english blogs? is there any unicode or it is only for english language?

  • BloggerGeeze

    @Art Attack,
    From what I know, as long as you sit on Blogger platform you can implement this widget at any language, right now I haven't test it on own hosting or wordpress platform.

    Readers, Please do let us know if you have implemented this on your own hosting or wordpress?

  • Anthony Souls

    A very well constructed tutorial, I might do this in the future. Right now I am looking for a way to let the user save posts without the pdf widget web2pdf

  • coach handbags

    Thanks a lot for a bunch of good tips. I look forward to reading more on the topic in the future. Keep up the good work! This blog is going to be great resource.

  • Learn Affiliate Marketing

    Great tips I was just researching how to do this and add my most popular posts to my Blogger sidebar so reading this was perfect timing. Great how to thanks I will bookmark it!

  • Jingga

    i'd try for my blog popular post without number comment. great job. thanks.

  • Luminous

    Fantastic! I am a professional writer from another generation. In recent years I have began “blogging” as a means to transferring my career from traditional writer and editor, to online journalism. I am working with a SEO organization and now find my lack of technical knowledge is limiting my own professional growth. With the support of our Director and article such as this I am finally beginning to comprehend the complexities that are associated with modern marketing and media.

  • Thenurul

    thank u. im done 🙂

  • Just love Yahoo Pipes! However, I never could get the hang of those regular expressions… anyway, this worked like a charm on my

  • I ran the pipes, but the results did not look right. When I ran the pipes, it showed that my top post has 20 comments. But I know I have several posts with more than 20 comments each.

  • I have been looking for this!!!

  • Thanks to share this news with us, So finally I make the widget working that you will see on my sidebar right now. I will now elaborate the steps and make a friendly tutorial for you, for those beginner and mid-blogger who is still wasn’t able to install this wonderful widget.

  • I am a professional writer from another generation. In recent years I have began “blogging” as a means to transferring my career from traditional writer and editor, to online journalism. I am working with a SEO organization and now find my lack of technical knowledge is limiting my own professional growth.

  • Fantastic! I am a professional writer from another generation. In recent years I have began “blogging” as a means to transferring my career from traditional writer and editor, to online journalism. I am working with a SEO organization and now find my lack of technical knowledge is limiting my own professional growth. With the support of our Director and article such as this I am finally beginning to comprehend the complexities that are associated with modern marketing and media.