Destino Solutions

+91 9747866100

Top Commentator widget for Blogger

May 19th, 2014

Boost your blogger blog comments with ‘Top Commentator’ widget. You like get more feedback about your blog articles, and Readers more engage with comments?, You must add Top Commentator widget and make more comments, Support two modes Commentator avatar photo option enabled and disabled.

Blogger-Top-commentators-widget

Follow the Steps

Go to > Blogger > Layout > Add A Gadget > HTML/JavaScript.
Copy Paste following code to HTML/JavaScript.

Top Commentator widget ( Avatar Image enabled )

Blogger-Top-commentators-widget

<div class='top-commentators0'>
<h2>
TOP COMMENTATORS
</h2>
<style type="text/css">
.top-commentators0 {
    background: rgba(239, 245, 223, 1);
    padding: 10px;
    border: 1px solid rgba(220, 224, 219, 1);}
.top-commentators {
    margin: 5px 0px;
    padding: 3px;
    margin-left: 10px;}
.top-commentators0 h2 {
    font-size: 14px;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: #BBB;
    padding: 3px 5px 8px 20px !important;}
.avatar-top-commentators {
    vertical-align: middle;
    border-radius: 3px;
    margin-left: 12px;}
.top-commentators b, strong {
    padding: 3px;
    background: none repeat scroll 0% 0% rgba(3, 117, 28, 1);
    border-radius: 50%;
    font-weight: normal !important;
    color: #fff;
    padding: 1px 3px 3px 7px;}
.top-commentators .commenter-link-name {
padding-left:0;
}
</style>
<script type="text/javascript">
var maxTopCommenters =
8;
var minComments = 1;   
var numDays = 0;       
var excludeMe = true;  
var excludeUsers = ["Anonymous", "Your Blog Author Name"];
var maxUserNameLength = 42;
//
</script>
<script src="http://dev.digitcrop.com/top-commentators.js"></script>
</div>

Top Commentator widget ( Avatar Image enabled ) 

Top-commentators-widget

<div class='top-commentators0'>
<h2>
TOP COMMENTATORS
</h2>
<style type="text/css">
.top-commentators0 {
    background: rgba(239, 245, 223, 1);
    padding: 10px;
    border: 1px solid rgba(220, 224, 219, 1);
}
.top-commentators {
    margin: 5px 0px;
    padding: 3px;
    margin-left: 10px;
}
.top-commentators0 h2 {
    font-size: 14px;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: #BBB;
    padding: 3px 5px 8px 20px !important;
}
.avatar-top-commentators {
    display: none;
}
.top-commentators b, strong {
    padding: 3px;
    background: none repeat scroll 0% 0% rgba(3, 117, 28, 1);
    border-radius: 50%;
    font-weight: normal !important;
    color: #fff;
    padding: 1px 3px 3px 7px;
}
.top-commentators .commenter-link-name {
padding-left:0;
}
</style>
<script type="text/javascript">
var maxTopCommenters =
8;
var minComments = 1;   
var numDays = 0;       
var excludeMe = true;  
var excludeUsers = ["Anonymous", "Your Blog Author Name"];
var maxUserNameLength = 42;
//
</script>
<script src="http://dev.digitcrop.com/top-commentators.js"></script>
</div>

Change Widget Settings are :-

Your Blog Author Name Replace with your Blogger Blog Author Name (For hide your comments).

var maxTopCommenters = 8; Adjust No. of commentators name you want to show.

Finally Save HTML/JavaScript, You’re done.

Categories: BloggerBlogger Widget