How to Add Numbers To Blogger Threaded Comments on your blogger blog


How to Add Numbers To Blogger Threaded Comments on your blogger blog? It's easy  follow below steps:

1. Login to your blogger account.
2. Than dashboard >>> Template >>> Edit HTML.
3. Don't forget to backup your template first.
4. Check the Expand Widget Templates box.
5. Now find out ( ctrl+f ) below code




add below code just above it,




now save and done.



  • padding-left: 10px; >>>  Edit it to adjust the position of text(number) from left size
  • padding-top: 3px;   >>> By editing the value you can adjust the position of text(number) inside bubble from top.
  • background: url(http://1.bp.blogspot.com/-ua3VMg3bwoI/ULoaFr3k86I/AAAAAAAAAio/nd1SjzAz8Dw/s1600/comment_bubble.png) no-repeat;  >>> If you want to change the bubble image then simply replace image URL with yours.
  • margin-top: 7px; >>> By editing this value you can adjust the position of bubble from top
  • margin-left: 10px;  >>> Increase or decrease the value as per your requirements

I am sharing some comment bubbles,right click on any bubble,select Copy Image URL and replace it with above comment bubble URL in http://1.bp.blogspot.com/-ua3VMg3bwoI/ULoaFr3k86I/AAAAAAAAAio/nd1SjzAz8Dw/s1600/comment_bubble.png.

 




 I hope you enjoyed it.If you are facing any king of problem then feel free to share it with us.Credits for this trick and comment bubbles goes to omniscient if you want to share this trick with your readers then you have to add a link to this blog.




















2 comments: