Sunday, December 6, 2009

How to put Top Post in the blog?


I wonder how can we know the most popular post.The post that most viewed by our blog reader.There are many post that we had published but which one who had a lot of visitors.This things make me very confuse so I decided to spend my time to search for it and I successed.Follow the steps below and you can show most viewed post(Top Post) on your blog page.

Step 1:You must log in to your blogger account.

Step 2: You must go to your Layout and take the Page Element.Click at the Add a Gadget.







Step 3: You must choose HTML/JavaScript at the Add a Gadget.

Step 4: Paste the code below on HTML/JavaScript box.


<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=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript">
</script>


!!ATTENTION!!
Change the code text namablog with your blog name and it does not need to put http://
You can also change the number of top post by editing the number 10 in the text.It is how many top post that you want.


Step 5: Save it and DONE!!

Don't forget to leave a comment.

0 comments:

Post a Comment

 

Blogger Tips and Style Copyright © 2009 Community is Designed by Free Blogger Template