How To Add Popular Post Widget To Blogger
1. Login to your blogger dashboard-->Layout-->'Add A Gadget'
2. Choose Html/Javascript Gadget and paste the following code into the area provided :
<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=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2FYOURBLOG.blogspot.com&num=10" type="text/javascript"></script>
Note : Remember to replace YOURBLOG with your blog name.Also you can change 10 to show different number of popular posts.
3. Save HTML/Javascript you are done.