Numbering comments in blogger

Here is a quick preview of how it will look like.Just check the numbering system of the comments in the preview below.

I have made it simple for people who just wants the incrementing numbers in the comments.
You just have to add small piece of Javascript in 2 different places.

Ok, Now lets start with adding the code.

Go to Layout>Edit HTML in your dashboard. Check the “Expand widget templates” box, then search for this section of code and add the 2 Piece of code colored in red in their respective places

Part 1 : Initialization

Search for this line: <b:loop values=’data:post.comments’ var=’comment’>

and add this code in red just BEFORE the above line

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

Part 2 : Looping the numbers

Search for this line: <b:if cond=’data:comment.authorUrl’>
and add this code in red just BEFORE the above line

<script type=’text/javascript’>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter+&quot;.&quot;)
</script>

Check the screenshot below for reference ( Some codes may be Different )

Click on Preview. If your blog runs without any errors then,your are done. Save the template

Related posts:

1. 15 Firefox Addons for productive Blogging

Tagged as: Blogger, Tutorial