17 Sept 2012
How to Add numbers to Blogger Comments
Labels:
BLOGGER TRICKS,
HOW TO D0:- Blogger,
SCRIPTCAMP
How To Add Numbers To Blogger Threaded Comments?
- Go to Blogger Dashboard > Template
- BackUp your template
- Click On Edit HTML
- Then Proceed
- Now search for below code,
]]></b:skin>
Now add The below code just Above it,
.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/AVvXsEg6MM5VU_S3AkLcRThX4fjTNNVIgp7ZH7XilfGnbESQOXPUqDKcyUk4_xpPItv9KkWZvzt2mUavgArq8Oy_DHoRPIr-gGEe32TS-_3EiE_ZPD3LZmo77-MlQkWaQtgaCl4F-RTDIep_QlU/s1600/comment+bubble2.png) no-repeat;
margin-top: 7px;
margin-left: 10px;
width: 50px;
/*image-width size*/
height: 48px;
/*image-height size*/
}
.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;
}To change The Comment Bubble Style Change The Green URL With the Below Link
Different Styles Of Comment Bubble
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-fNKBESs98K8vHZAM7GDSnam1oSPOFMTcF-5CDwSiksdq8pX83WN2Fn0-kYSaQPCR2RNpZ_-Td8Dl1wkMLgkzH897-NS1GUR8N2o6VwNF49l46cfmh937Qxylw-nnXbETROANKWGDWpk/s1600/cloud.png
http://2.bp.blogspot.com/-2psafDYuhAY/UFbiEJ300EI/AAAAAAAABiE/
0t8KHfBU8rs/s1600/round.png
