5 Top Post (Popular article) in blogspot

Top post is a statistic which shows some popular articles that we have published. Most of top posts are valued from the amount of clicks or the score from many comments. In default, Wordpress has widget to show top post, but how about blogspot? Of course it could, although standard Blogspot doesn’t have it, we also can show it. Top Post in blogspot that will be made later is counted from the amount of comments. This widget is made by a beautiful blogger woman, Amanda Fazani . This woman can be said as a famous blogger tutorial. Even o-om is amazed with her blogging ability :). This top post widget is made with the help from Yahoo Pipes. It can be seen in

Posts/Most Commented Pipe page Commented Pipe page. For more explanations, visit Amanda’s blog disini.

In below, there are some codes that can be immediately used. The method to set the code is easy. It just need to be entered in the new page element:

<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%2Fnamablog.blogspot.com&num=10" type="text/javascript"></script> <span style="font-size: 80%">Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a></span>

What do you need to edit?

Blogname.blogspot.com: Change it with your own blog name
 

Num=10 : Maximum amount of Top posts that you want to show
 

For the custom domain, just use www.yourdomain.com
 

How to make the entry number disappear:

In the early appearance, the amount of top posts will be appeared. If you don’t want it, you just need to erase these two codes below.

document.write('<ol style="text-transform: capitalize;">');  dan document.write("</ol>"); in the code above.

Good luck, happy blogging with agusramadhani.com

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari o-om.com di inbox anda: