Advanced Most Comment Blogger Widgets[Gadgets] Sidebar,2021 New Advanced comment Blogger Widgets Script.

Blogger Widgets.

Many of people search free blogger Widgets and free blogger script for using make proffecional blogger look. this Widgets is very useful for proffecional blogger developer. i am providing this Widgets for free of use unlimited domain.

Advanced Most Comment Blogger Widgets.

This Widgets is very easy to use and modify your blogger site comment, just change home page link is totally change proffecuonal look, let’s start the customize this Widgets.

Play PPSSPP Games.

Also Read

New Blogger Script Template for Site is Moved here

How to work this Widgets

This Widgets is working mainly javascript function, just simply display your most comment. it’s change any color for support your blogger template primary color. no need to complex action just copy and past function only. this Widgets is singly click to install.

How to install this Widgets

Login your Google Account.

Go to Blogger.com

Click Layout Settings.

Choose sidebar Gadgets and click add a Gadgets.

Automatically Open new Popup Window, just add HTML/JavaScript Gadgets.

Now, Copy this Script code below.

<style type="text/css">
  
  @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
}

.container {
    max-width: 300px;
    background: #fff;
    margin: 5% auto;
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 10px 5px -5px rgba(0,0,0,0.1);
}

#most-comments ul,#most-comments li,#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: bold;
    text-decoration: none;
    transition: all .3s;
}

#most-comments ul li a:hover {
    color: #fff;
}

#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>
<div class="container">
<h1 style='margin:0 auto 20px auto;text-align:center;background:#fc4f3f;color:#fff;padding:10px;font-size:13px;'>Most Comments</h1>
<div id="most-comments"></div>
<script>
//<![CDATA[
var numPosts=10;
var homePage="supermag-templateify.blogspot.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="https://'+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>
</div>

and, Paste this Script code on content box.

No Need to Enter any Title, title is Automatically display.

Next, Press “CTRL + F” and Search this “var homePage“, and press enter.

You are seeing blogger home page link, just change replace your home page link.

No need any other changes, you change any code this script is not working.

After Changes Finish, then just scroll down and click to save.

Finish and View your Blog.

Advanced Most Comment are showing your blog, Enjoy.

You are Facing any Error just comment below this post.

Watch Video Tutorial