Saturday 18 August 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.
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/AVvXsEjRpGVDQnPb9pqWrHFiZXXY694VLID_8MalrP_D1y3UugcBqo8dqBMA3lZTw84Lg9qU66EMJMtyuEY-Pjk04MeoPWMXsOop4lKvd8IkFyAKsn0ZlUBqypDluP-wDOHZAc9EOlLi_sM3qsMo/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...

0 comments:

Post a Comment

 

Get Latest Updates: Subscribe Now | Like Us on Facebook

X