In this post we will discuss about a small CSS trick which displays comment count in your blogger comment system. Default blogger comment system do not has this comment counter for each comment. It just counts the total number of comments but this trick displays comment count with each comment. It also works well with threaded comment systems.
Popular Search Keywords: blogger templates,blog templates,Blogging tips,Template design,Online Earning,HTML editing,Tips and Tricks,Earn Money online,Earn from Bangladesh,Online solution,blogger,blogging,blog,blogs,design,wordpress,development.
Bloging Tips
,
Comment
Adding comment counter in blogger
- Log in to your blogger dashboard.
- Select your blog.
- Select Template option.
- Click on Edit HTML option.
- In the template code find following code.
]]></b:skin>
- Paste following code just below the searched code and save the template.
- Preview your blog to see the new comment counter in action.
Code for counting blogger comments:
.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
font-family:verdana, georgia, arial;
font-size: 16px;
color: #777777;
padding-left:11px;
padding-top:4px;
background:#ffffff ;
border:1px solid #dcdcdc;
border-radius:10px;
margin-top:8px;
margin-left:11px;
width: 56px;
height: 40px;
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,decimal);
counter-increment: contrebasse;
float: right;
font-family:verdana, georgia, arial;
font-size: 16px;
color: #666666;
}
Popular Search Keywords: blogger templates,blog templates,Blogging tips,Template design,Online Earning,HTML editing,Tips and Tricks,Earn Money online,Earn from Bangladesh,Online solution,blogger,blogging,blog,blogs,design,wordpress,development.
