Most Popular Post Widget for your Blogger blog (Most Commented Posts)
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.
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”.
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.
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.
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.
10. Now navigate back to the main pipes then change the fields below to look onto your blog:
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.
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.
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.
- kang
- Business and Finance
- Wordwelding
- ICT Learning
- Art Attack
- BloggerGeeze
- Anthony Souls
- coach handbags
- Learn Affiliate Marketing
- Jingga
- Luminous
- Thenurul
- http://www.samsungnexuss.nl SamsungNexusS Blog
- http://miskina-ano.blogspot.com/ Ping-i
- http://awesomeshares.com Populus Artikulus
- http://www.webling.com/ enterprise software suite
- http://www.manual-submissions.com Luminous
- http://www.manual-submissions.com Luminous
