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:
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.
إرسال تعليق