Popular Post Widget-Most commented Posts Blogger

Popular Post Widget i.e Most commented Posts for blogger as is very great widget to show of your posts, is very easy to install ..........

How to install this widget:-

Go to Layout > Add page Element > Html/Javascript

Add the below code there

<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%2Ftechtasks.blogspot.com&num=10" type="text/javascript"></script>
<noscript><a href="http://techtasks.blogspot.com" target="_blank">Tech Tasks</a></noscript>

Above code displays the post(comment count)like this.
If you want show posts with out comment count.
use the following code...

<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%2Ftechtasks.blogspot.com&num=10" type="text/javascript"></script>
<noscript><a href="http://techtasks.blogspot.com" target="_blank">Tech Tasks</a></noscript>

Don't Forget to change the blog address show in RED color
Here num=10 is no of posts you want to display.