Most Commented Posts Widget for Blogger

Most Commented Widget for Blogs. On this occasion Labston will redistribute widgets for blogs and this time is how to install widgets at most commented articles in the blog. Well if you do not know this widget, this widget will display the posts which have the highest number of comments on your blog. Read : Popular Posts Widget With Multi Colored Style

This widget is similar to the popular post widget that shows the popular article in the blog, just a little different because this time to be in the show is the article that many in the comment.

Read : Modifications Display Statistics Blogger Widget

Most Commented Posts Widget

Now for how to set it up on the blog, it is very easy:

In your blog, add the widget HTML / JAVASCRIPT, then enter the code below into it.

<div id="most-comments"></div>

<style scoped='' type='text/css'>

#most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#383838;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f}

</style>

<script type='text/javascript'>

//<![CDATA[

var numPosts=10;

var homePage="www.seocips.com";

var postTitlear=new Array();

var postUrlar=new Array();

var postCommentar=new Array();

var totalpost;document.write('<div id="most-comments"><ul>');

function mostComment(j){var a=j.feed.entry.length;totalpost=a;

for(var f=0;f<a;f++){

var h=j.feed.entry[f];

var c=h.title.$t;var b;

var g;if(f==j.feed.entry.length){break}

for(var d=0;d<h.link.length;d++){

if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}

for(var d=0;d<h.link.length;d++){

if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];}};

postTitlear.push(c);

postUrlar.push(g);

postCommentar.push(b)}sortPosts();

for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</a>';

document.write(e)}}

function sortPosts(){function c(d,f){var e=postTitlear[d];

postTitlear[d]=postTitlear[f];

postTitlear[f]=e;

var e=postUrlar[d];

postUrlar[d]=postUrlar[f];

postUrlar[f]=e;

var e=postCommentar[d];

postCommentar[d]=postCommentar[f];

postCommentar[f]=e}

for(var b=0;b<postTitlear.length-1;b++){

for(var a=b+1;a<postTitlear.length;a++){

if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}

document.write('<script src="http://'+homePage+'/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>');

document.write('</li>')

document.write('</ul>')

document.write('</div>');

//]]>

</script>

Replace the red code above with your blog address, and a code blue is the number of posts that will be displayed. If you have please save the widget and view the results. Most Commented Hopefully Posts Widget for Blogger is installed according to your wishes.

Read Also : How to Make Flat UI Label Cloud