How Add Numbers To Comments in Blogger andrey четверг, 17 апреля 2014 г. No Comment

Many people are using Threaded comments system on their blogger blogs. This posts described how you can show the numbered navigation for comments in blogger. Have you ever toughed about numbering of blogger comments? If yes then this article can help you to do this. For main comments it shows numbers and for child comments it shows characters such as A, B, C etc. IN the past we have written many articles on customizing blogger comment for, enabling Discuss comment system and Google+ comment system. In this article we are going one step ahead in customizing threaded comments. So lets begin to do this.


For adding numbered navigation, go to blogger dashboard and then select your blog. After selecting your blog go to your templates section of your blogger dashboard. There click on edit HTML and a box will open up containing your template code. Now press CTRL+F and find "]]>" tag and add the codes given below right above it.

.comment-thread li li:before
{
 content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
 counter-increment: contrebasse;
 float: right;
 font-size: 18px;
 color: #666666;
}
.comment-thread ol ol {counter-reset: contrebasse;}
.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;
}

After adding this code you will numbers are appearing on your comments, You don't need to edit other HTML codes in your template You can customize this code as you want. Now it depends on you what colours you need on your template and other customizations. Please share your experiences in the comments below and let us know if you need any help from us.

Many people are using Threaded comments system on their blogger blogs. This posts described how you can show the numbered navigation for comments in blogger. Have you ever toughed about numbering of blogger comments? If yes then this article can help you to do this. For main comments it shows numbers and for child comments it shows characters such as A, B, C etc. IN the past we have written many articles on customizing blogger comment for, enabling Discuss comment system and Google+ comment system. In this article we are going one step ahead in customizing threaded comments. So lets begin to do this.


For adding numbered navigation, go to blogger dashboard and then select your blog. After selecting your blog go to your templates section of your blogger dashboard. There click on edit HTML and a box will open up containing your template code. Now press CTRL+F and find "]]>" tag and add the codes given below right above it.

.comment-thread li li:before
{
 content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
 counter-increment: contrebasse;
 float: right;
 font-size: 18px;
 color: #666666;
}
.comment-thread ol ol {counter-reset: contrebasse;}
.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;
}

After adding this code you will numbers are appearing on your comments, You don't need to edit other HTML codes in your template You can customize this code as you want. Now it depends on you what colours you need on your template and other customizations. Please share your experiences in the comments below and let us know if you need any help from us.

Tweet

by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

Tags: Без рубрики