How To Add Popular Post Widget For Blogger

How To Add Popular Post Widget To Blogger

popular-posts-widget-for-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.

"; output += "
" + relatedTitles[r] + "
"; output += " " + relatedpSummary[r] + " ... "; output += "
"; document.write(output); somePosts++; if (somePosts == relatedPostsNum) { break; } } if (r < relatedTitles.length - 1) { r++; } else { r = 0; } if(r==relsump) { break; } } } function removetags(text,length){ var pSummary = text.split("<"); for(var i=0;i")!=-1){ pSummary[i] = pSummary[i].substring(pSummary[i].indexOf(">")+1,pSummary[i].length); } } pSummary = pSummary.join(""); pSummary = pSummary.substring(0,length-1); return pSummary; } function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false; } // ]]>
Visited 81 times, 1 visit(s) today
Back to top button