Thursday, August 16, 2012

Adding Numbers For Threaded Commenting In Blogger

This Post will helps you to add numbers inside  threaded comments.It will appear like 3, 3.a, 3.b, 3.c like that.To add this trick, you have to add threaded comments system for your blog.Im already provide screenshot for it. Follow these steps.

comment-numbers


1. Log in to blogger account & Go to Design >> Edit HTML

2. Find this code  by using Ctrl+F  ]]></b:skin>

3.Paste below code Before ]]></b:skin> code
.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-left: 10px;
    padding-top: 3px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigmnYNuQNQlFuEhgpUsag_0giAYvc0q1suxh7MgtDAtz-cyDZ6Mo6QlImIprcogcgJsz1K2OI_4Q9VEXwosUknaT9QFmU7LIOWJxl1yrqQisJH7bM2eKlCSTJj2uF1omb4hDNj9e8Q-NVR/s1600/commnetbt.png) no-repeat;
    margin-top: 7px;
    margin-left: 10px;
    width: 50px;
    height: 48px;

}
 
.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;
}

4. Now Click  Save Template.
    You are done...

1 comment:

  1. Very nice bro Its full working in my blog http://mahicracks.blogspot.in/ Thanks for share Please suggest me best tutorial for Approve add sense Account

    ReplyDelete