How to Add Numbers to Threaded Comments in Blogger

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.