How To Number Comments On Blogspot

Replying to unnumbered blog comments can really be confusing especially when you can’t refer to comment authors by name. More people choose to reply anonymously and but this gets easier when you can refer to them in your replies by their comment number. This blog hack works perfefectly for me as you can see the numbered comments on this blog, right? Apart from making it easier to reply, adding numbers to your blog comments gives your blog some sort of profesional look you’re definitely going to like. It’s quite neat, simple and easy to implement only if you follow these steps:

1. Log in to your blogger account and go to Design page and click Edit HTML. You should back up your template before you proceed

2. Mark the box named Expand Widget Template

3. Press CTRL + F on your browser to find this code:

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

4. You found it? Good! Just above it, paste thispiece of code:

<script type='text/javascript'>var CommentsCounter=0;</script>

5. We’re almost done now, search once again fro this code:

<b:if cond='data:comment.authorUrl'>

6. Immediately after it, paste this:

<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter+".")
</script>

Now save your template and preview your blog to see the numbered comments on your blog. It’s only a little piece of javascript that doesn’t even affect your page load time.


This is the exact one I’m using right here and it looks cool, huh? I also suggest you read Numbered Page Navigation if you find this helpful.

This post was last modified on December 19, 2016 9:46 PM

Don Caprio: @doncaprio Husband, superdad, ubergeek, lazy writer, serious gamer, gadget collector, amateur photographer, web designer. I'm on Facebook, Google+, Twitter, LinkedIn and Instagram.

View Comments (10)