How to Add Numbers to Threaded Comments in Blogger

Advertisements
Have you ever thought of adding numbers to your Blogger comments? It gives numbers to your comments in an ascending order so that users can differentiate one comment from the other. For child comments it uses “ABC” to differentiate two different child comment on the same main comment from one another. Previously we showed you How to style/customize your blogger comments and comment form. Today, in this article, we will show you How to Add Numbers to Blogger Threaded Comments.

The first thing you need to do is to login into your blogger dashboard, now it's up to you on which blog you would like to add numbers to your comments. After selecting the blog to customize, go to Template >> Edit HTML and search for the ]]></b:skin> Tag. After finding the ]]></b:skin> tag, just above it paste the following piece of CSS coding.

.comment-thread ol {
    counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
font-size: 22px;
color: #555555;
padding: 10px;
padding-top: 3px;
margin-top: 7px;
margin-left: 10px;
position: relative;
z-index: 10;
}
.comment-thread ol ol {
    counter-reset: contrebasse;
}
.comment-thread li li:before {
    content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
    counter-increment: contrebasse;
    float: right;
    font-size: 18px;
    color: #666666;
}

Once everything is done, press the “Save Template” button to finish the whole process. It depends on you that what kind of customization you need in it. The CSS is widely open so you can change the color, background, position and etc according to your desire needs.

We hope this tutorial may have helped you in learning how to add numbers to blogger threaded comments. If  you have missed out about customizing Threaded Comments in blogger then click here. Do let us know what are your opinions about this trick, though it is a bit old but still it’s a useful one.

Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

4 comments

December 21, 2013 at 5:41 PM

nicee... where is its demo ?

December 21, 2013 at 7:53 PM

How does it looks like?

December 22, 2013 at 8:32 AM

nice post bro :) but, where is demo page?

Editorial Team MOD
December 22, 2013 at 11:32 AM

Here's the DEMO

http://rdesigntheme.blogspot.com/2013/11/the-artist-black-man.html

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2016. MBL Networks, All Rights are Strictly Reserved.