AllBlogTools.com | Blogger Templates and Tricks

---

Add Numbers To Your Blogger Comments Posted: 22 Jan 2013 05:04 PM PST Reading through all the readers' comments in the Comments Section of a particular post can be quite confusing sometimes, especially once readers start commenting to another reader's comments in response to another comment. You follow? You see, that's how you can lose track: you're not sure who's replying to whom anymore. That's why in today's featured tutorial by Rahul Ippar, you'll learn how add numbers (placed inside bubble/balloon images) to your comments to minimize confusion. Go to the Template section in your Blogger dashboard. Click on the Edit HTML button and then on Proceed. By pressing Ctrl+F, look for ]]></b:skin> in the template's code. Copy/Paste the code below right above and before 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/AVvXsEiRLsO1vLIfpoCNEFJdL1ftVG_oJTqD0hkcz_gkHy6MsA2ONG8a95HztqZPrjYGRT5L6vnv22beq-2sde6oax_3UXKspULxb26iINTmBRQxH2B7uMIiZwBqfZ1NSMKSXONb1eEmlqrzRbcI/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; }     Save your template and that's it, you're done! Preview your blog and see if everything looks in order. If not, then you might want to make certain adjustments to the positioning of the numbers' bubble/balloon by editing the values of the attributes highlighted in red above.

You are subscribed to email updates from Blogger Templates, Tutorials, Tools | WordPress Themes | Allblogtools.com To stop receiving these emails, you may unsubscribe now.	Email delivery powered by Google
Google Inc., 20 West Kinzie, Chicago IL USA 60610