Follow these steps :
1. Log in to Blogger
2. Go to "Layout" section
3. Click on "Add A Gadget" link
4. Select it as "HTML/JavaScript"
5. Now copy and paste these code lines :
1. Log in to Blogger
2. Go to "Layout" section
3. Click on "Add A Gadget" link
4. Select it as "HTML/JavaScript"
5. Now copy and paste these code lines :
<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%2FYOUR_DOMAIN_NAME_HERE_WITHOUT_http://&num=10" type="text/javascript"></script><a href="http://bloggerstop.net/2008/10/blogger-help-how-to-add-popular-posts.html" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a>
Replace everything in the blue color with your blog's domain/url address, before pasting. Now drag the widget to anywhere you like in your blog's layout. Save your work, and show all your popular posts to your visitors.
You can adjust the number of posts to be shown, by changing num=X code.
NOTE: While adding your domain name/blog's url, remember NOT to add http://www.
So only write YOUR_WEBSITE.BLOGSPOT.COM or YOUR_WEBSITE.COM (custom domains)
