Number Comments in Blogger

Adding Numbers to your Blog Comments is very easy. The follwing steps will show you how can we number comments to our posts.
Go to Layout>Edit HTML in your dashboard. Check the “Expand widget templates” box, then search for this section of code highlighted
in pink. Immediately after that add the code highlighted in Purple :-->

<dl id='comments-block'>

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


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

<dt style='clear: both;' class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'>
<data:comment.author/>
</a>
<b:else/>
<data:comment.author/>
</b:if>

<data:commentPostedByMsg/>

<span class='numberingcomments' style='float: right; font-size: 20px;'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>