How To Add Top Commenters Function in Blogger

top comment system in blogger
Hey guys, today I will teach you how to add top commenters system in blogger.
When we visit other websites we can see top commenters or popular comments in their site. It's a very useful option for both visitors and for the blog Admin. By using this system your visitors can know about the top commenters of your site. So let's see how to turn on this system in your blog.

Demo:
top commenter system on blogger

How To Add Top Commenters System in Your Blog:

Step 1. Login your blog, navigate to Dashboard >> Layout >> and add an Html/Javascript gadget where you want the top commenters should appear.

Step 2. Put the following codes in the Html/Javascript gadget and save the Layout.

Read: How To Share Source Codes into Blogger Post

<div class=’top-commentators0′>
<h2>
TOP COMMENTERS
</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=”https://dev.digitcrop.com/top-commentators.js”></script>
</div>

Read: How To Add Like and Dislike Function in Blogger.

Done ✌✌
Thanks for visiting. If you like my post please share the post.
Trick Loft

Make your life simpler and more productive.

Post a Comment

Previous Post Next Post