In a previous tutorial you've seen how you can add numbered comments to your blogger blog, unfortunately, this trick worked only for those who don't have the reply option and are still using the old blogger commenting system. But we won't have any masalah this time because this tutorial will show you how to add numbered comments with comment bubbles on the threaded comments, as well ;)
What the following CSS trick will do for you:
- When the general block of comments is initiating (.comments-content) a counter called countcomments activates and starts with an initial value of 1.
- Then, each time the code flow goes through a review of any level, either the original comment or a reply (.comment-thread li), it will bring us in front (:before) of the comment's body the number that is the counter.
Advertiser
- Finally, this is incremented in the counter (counter-increment).
See the screenshot:
here and
here)
to change the position of comments count, increase/decrease the values (3 & 10) from padding-top and padding-leftto change the position of comments bubble/icon, change the values (10 & 7) from margin-left and margin-topStep 4: Now Save the Template and you're done!
If you enjoy reading this blog, please share and subscribe. For any questions you may have, leave a comment below.
