• ABOUT
  • PRIVACY POLICY
  • DISCLAIMER
  • CONTACT
Tuesday, January 3, 2023
Gxfreee
No Result
View All Result
  • Home
  • Recent Post
  • Blogger Template
  • WordPress Plugin
  • Premium Apk
  • Home
  • Recent Post
  • Blogger Template
  • WordPress Plugin
  • Premium Apk
No Result
View All Result
Gxfreee
No Result
View All Result

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

Mohan by Mohan
December 24, 2022
in Blogger Script
0 0
0
Blogger-Widgets

Blogger-Widgets

0
SHARES
15
VIEWS
Share on FacebookShare on Twitter
Contents Show
1 Blogger Widgets.
2 Advanced Most Comment Blogger Widgets.
2.1 READ ALSO
2.2 100+ Dofollow Backlink Site List 2021 Free
2.3 How To Install Floating Banner Ads With Responsive Close Buttons
3 How to work this Widgets
4 How to install this Widgets
5 Watch Video Tutorial

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. 2022 – Google Adsense Approval Criteria meet Genuine Way

READ ALSO

100+ Dofollow Backlink Site List 2021 Free

How To Install Floating Banner Ads With Responsive Close Buttons

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.

Blogger Widgets
Blogger Widgets
Blogger Widgets

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

Blogger Widgets
Mohan

hi, I am Mohan, founder of the gxfreee website. Gxfreee ☇ Just Learn Something New. Gxfreee.com(gxfreee) is an information and Tech Support blog. In this blog, along with blogging-related information, Adsence approval tips, blogger Premium suport, all other types of information will be available!. Contact me in the contact form

Related Posts

Dofollow Backlink Site List
Blogger Template

100+ Dofollow Backlink Site List 2021 Free

December 24, 2022
Floating Banner Ads
Blogger Script

How To Install Floating Banner Ads With Responsive Close Buttons

December 24, 2022
Remove Mobile View m=1 in Blogger
Blogger Template

How to Remove Mobile View m=1 in Blogger Blogspot? for Free

December 24, 2022
Blogger Password Protected Download Button
Blogger Script

[2021] Free Premium New Blogger Password Protected Download Button Script

December 24, 2022
Online Rubik Cube Game
Blogger Template

3D-Online Rubik Cube Game New Blogger Template

December 24, 2022
Code Box With copy to Clipboard Button
Blogger Script

#1 Create Code Box With Copy to Clipboard Button in Blogger

December 24, 2022
Next Post
table of contents in blogger

Automatically Add Table of Contents in Blogger | Blogs

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

POPULAR NEWS

god of war 2 ppsspp iso file download

Download God of War 2 PPSSPP ISO file download Highly Compressed[190MB]

December 24, 2022
God Hand

[79MB] Free Download God Hand PPSSPP ISO Highly Compressed

December 24, 2022
Download God Of War 4

Download God Of War 4 PPSSPP ISO Highly Compressed

December 24, 2022
Dragon Ball Z Budokai Tenkaichi 3 PPSSPP ISO

Dragon Ball Z Budokai Tenkaichi 3 PPSSPP ISO Highly Compressed Free

December 24, 2022
God Of War 3 ISO

Download God Of War 3 PPSSPP ISO Android Highly Compressed

December 24, 2022
  • ABOUT
  • PRIVACY POLICY
  • DISCLAIMER
  • CONTACT

© 2022 Gxfreee - Gxfreee.com is a Knowledge Store.

No Result
View All Result
  • Home
  • Recent Post
  • Blogger Template
  • WordPress Plugin
  • Premium Apk

© 2022 Gxfreee - Gxfreee.com is a Knowledge Store.

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In