HTML code for popular post

how to place Popular post widget in your blog 

just follow my steps

1. login into blogger 
2. select your blog
3. click on layout
4. click on add widget
5. add HTML/JAVAscript wideget
6. paste the code the below here 
7. click save and enjoy

<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=28a6afad7c6ba1288c1b738277e42385&url=http%3A%2F%2FYOUR_BLOG_ADDRESS_HERE_WITHOUT_http://&num=10" type="text/javascript"></script>
<a href="http://ebolabird.blogspot.com" target="_blank"><span style="font-size: xx-small;">Popular Posts Widget</span></a>



change the red part to you blog address with out  http:
for ex:  ebolabird.blogspot.com