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:
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.
- 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-left to change the position of comments bubble/icon, change the values (10 & 7) from margin-left and margin-top Step 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.
If you enjoy reading this blog, please share and subscribe. For any questions you may have, leave a comment below.
SUBSCRIBE to Our Newsletter
Sign up here with your email address to receive updates from this blog in your inbox.
Pilih Sistem Komentar