Add Numbers To Your Blogger Comments

Today I am going to share an amazing widget which is Add Numbers To Your Blogger Comments. This helps the visitors to see how many comments you get.

How it Works ?

It is just like ordered list <ol>. Blogger blogs always uses this <ol> tag to display the comments in vertical order. Each comment hold it's own number.

Yesterday's Post:-

• Add Fancy Black Version Of Social Buttons

Must Read:-

• Awesome Floating Follow Us Twitter Widget For Blogger
• Add Social Buttons With An Amazing Mouse Hover Effects To Blogger Blog
• Add Wooden Style Social Icons To Blogger

Do it

1. Go to Blogger >> Template >> Edit HTML
2. Find </b:skin> (tip use Ctrl + f to find)
3. Paste the following code just above </b:skin>

/*----- Comment Counter by Cpedia -----*/
.comment-thread ol {
counter-reset: cpedia-comments;
}
.comment-thread li:before {
content:counter(cpedia-comments);
counter-increment: cpedia-comments;
font-size: 30px;
float:left;
position:relative;
top:0px;
left:-10px;
margin-right:0px;
height:100px;
margin-right:0px;
font-weight:bold;
font-family:arial, georgia;
color: #666;
}
.comment-thread ol ol {
counter-reset: cpedia-comments-sub;
}
.comment-thread li li:before {
content: counter(cpedia-comments) "." counter(cpedia-comments-sub,lower-latin);
counter-increment:cpedia-comments-sub;
font-size: 12px;
color: #666;
position:relative;
top:10px;
}
.comments .comments-content .comment-header, .comments .comments-content .comment-content {  margin:0px 0px 8px 28px!important;} 

That's It Now Save It And Check It ! ! !