How To Add Number In Comments At Blogger Blog

Today we will show you how to number to each comment. This system helps you when you are replying to a specific comment. In our previous tutorial we wrote about How To Add Reply Option To Blogger Comments. If you allow comments from anonymous visitors this tutorial will helps you so much when you reply anonymous comments. For example: If you have 3 anonymous comments and need to reply them you can simply pinpoint your reply answer by saying comment #12 or comment @13 etc.
This comment numbering system also gives you a unique comment permalink for each comment. It means you will get a unique link for each comment. So, you or your visitors can use this comment permalink to go straight to the wanted comment.

So, lets move forward.

How to add number to each comment in blogger blog

---

1. Log in to Blogger Blog

2. Click your blog title

3. Click Template from left side menu

4. Backup your template before editing

5. Click Edit HTML, Click Proceed

6. Click "Expand widgets Templates" Box

7. Now find the below code by pressing Ctrl+F

<b:loop values='data:post.comments' var='comment'>

8. Add the below code just before/ above it

<!--comment-number-start--><script type='text/javascript'>var CommentsCounter=0;</script> <!--comment-number-end-->

9. Now find this code

<data:commentPostedByMsg/>

10. Now paste the below code just after/ below it

<!--comment-number-start-shinemat.com-->
<span class='comm-num'>
#<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
<!--comment-number-end-shinemat.com-->

11. Finally click Save Template and you are done. Refresh your blog, you will see numbers in every comment.

Have a nice day.

If you enjoyed this post and wish to be notifyed next time whenever a new post is published, then please Subscribe to Email Updates!

Related Posts : Blogger help