Numbering your blogger Comments

This trick helps you to number each of your comments under a particular post..Thanks to Fernando of Quite Random for this awesome trick.You can read his original tutorial at Quite Random

I have tried to make it easier for you.. You can implement the trick in 3 simple replacement steps..(and a little SEO is added onto this hack.)



A small Demonumbered-comments-blogger

Steps involved in implementing this trick

1.Login to your Blogger Dashboard

2.Goto Template >Edit HTML

3.Choose to expand your Widget templates.

4.Find this line of Code

<dl id='comments-block'>

and replace it with

<dl id='comments-block'>
<script type='text/javascript'>var CommentsCounter=0;</script>

5.Now find this line of code

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>

and replace it with

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='clear: both;'>

6.Now find this line of code

<data:commentPostedByMsg/>

and replace it with

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

So you should have it working in just 3 replacement steps..:)If everything went well,you should now have a numbered commenting system on your blog.

58 comments :

  1. check out my blog http://www.watchasiantv.co.cc

    ReplyDelete
  2. plz check this url

    http://vaseemansari.blogspot.com/2009/08/firefox-keyboard-shortcuts.html

    the above script of urs is not working at my blog
    can u suggest me what may be the problem

    ReplyDelete
  3. @The King Khan

    follow all the steps mentioned in the tutorial..
    you missed out the counter initialization..
    <script type='text/javascript'>var CommentsCounter=0;</script>

    you should have added this code below

    <dl class='' id='comments-block'>

    ReplyDelete
  4. This didn't work for me. I have tried 5 different tutorials for this and they're all about the same. Any tips?

    ReplyDelete
  5. you have missed out one of the steps.. you forgot do the comment counter initialisation..
    find this
    <dl class='' id='comments-block'>
    and after that place
    <script type='text/javascript'>var CommentsCounter=0;</script>

    ReplyDelete
  6. hmm. nice post. i did all the 3 steps unlike some of the commenters. Still I dont see any numbers beside my posts. plz help. my blog is Windows Tech Blog

    ReplyDelete
  7. i don't see this line in your template
    <script type='text/javascript'>var CommentsCounter=0;</script>

    ReplyDelete
  8. hi aneesh, thanks. well i think we need to paste the "commentscounter" code twice in the template. I pasted once and later found ther is another one, where we need to paste. anyhow thanks for immediately finding the mistake.

    ReplyDelete
  9. @Ramarao both codes are different..
    First one initializes the counter..
    Thse scondone increments the counter and prints it in the comment loop!
    so you have to add both..

    ReplyDelete
  10. this is seriously the most amazing thing ever! this will save me SOOO much time when I run giveaways on my blog. thank you! xo.

    ReplyDelete
  11. Thank you so much! I had to try twice but I got it to work. My code had two different places where I had to insert the line you mention in step one. I just used the find function to make sure I had found both and then it worked.

    ReplyDelete
  12. You´re the best. I love his trick!! =D

    ReplyDelete
  13. seem to not be able to find that first step in my html. :(

    ReplyDelete
  14. pls pls pls can you help out and see why I can;t make it...=( I keep on following all steps (I think I do...)and it is not working for me

    ReplyDelete
  15. @Ooty ,
    i think you missed out on step 4.
    i dont see the comment counter initialisation thing in your template..var CommentsCounter=0;

    you didn't add that part of the code mentioned in step 4??

    ReplyDelete
  16. Your site is very helpful to all bloggers.welldone.

    ReplyDelete
  17. Oh Gawd, please help me. I don't know what the $%# is wrong. I created a test blog to see if I could get this to work and it still is not showing up for me!

    Please email me and I will then send you a copy of my template for you to look at. I need help ASAP because I have 205 followers waiting to see who is the winner of the $75 E-Card Giveaway and I can't get my comments numbered!!!

    ReplyDelete
  18. I can't seem to get this to work. Can you check out my blog and see what I am missing?

    ReplyDelete
  19. I'm hosting my first give-away and would like to add number my comments. I can't seem to get past step 1. I can't find the
    html code even after expanding the widget templates. I used the find function and it's saying phrase not found. I looked manually, but not finding either.

    ReplyDelete
  20. Thank you so much! Aneesh you were a huge help too!

    ReplyDelete
  21. Hi I can't find this line of code "5.Now find this line of code" please help me regards

    ReplyDelete
  22. I cannot find this piece of code in the template I am working on "data:commentPostedByMsg".

    Is there a variation of it I should be looking for?

    ReplyDelete
  23. It works fine..Thank u soo much for this easy to implement code!

    ReplyDelete
  24. This comment has been removed by the author.

    ReplyDelete
  25. Its not working for me...Help me.

    ReplyDelete
  26. I'm having trouble getting the numbers to show up. I think I've got everything copied correctly in the html. Am I missing something?
    http://mommys-minute.blogspot.com

    ReplyDelete
  27. @Sarah - Find <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
    and change it to
    <dl expr:class='data:post.avatarIndentClass' id='comments-block'><script type='text/javascript'>var CommentsCounter=0;</script>

    ReplyDelete
  28. Thanks for the tutorial. after reading this last comment from you, it finally worked for me.

    ReplyDelete
  29. Hi I am still having the same problem. The template is a WP conversion. Please help me.

    Original comment:

    I cannot find this piece of code in the template I am working on "data:commentPostedByMsg".

    Is there a variation of it I should be looking for?

    ReplyDelete
  30. I tried this a few times and I am not seeing any numbers, can you tell me what I may have missed.
    www.bucktownbargains.com

    Thanks

    ReplyDelete
  31. It is numbering them by thousands...

    ReplyDelete
  32. @Bucktown Bargains - you have added the code of step6 twice. thats why it is showing numbers like 21 and 43

    ReplyDelete
  33. it didn't work for me! all is done! I see all the steps,are good...WHAT'S PROBLEM??

    ReplyDelete
  34. Sigh....Can you pretty please help me? I don't know what I did..but this is not my first attempt trying to number my comments.
    Please help!

    ReplyDelete
  35. @mary - which blog do you have the code on?
    @KatieBug - i don't see the codes on your blog. did you remove them?

    ReplyDelete
  36. I am trying to follow your directions but I don't have dl id='comments-block' in my template. I am not sure where to add the first part. Thanks!

    http://picturethiscreationsgiftshop.blogspot.com/

    ReplyDelete
  37. Please help! I'm really have a problem with this.
    I'm pretty html savvy, and I've tried 3 different tutorials now for this, and I can't seem to get it to work. Can you see what I'm doing wrong? Thanks a bunch!

    http://theclevermommy.blogspot.com

    ReplyDelete
  38. help me, i dont know whats wrong T__________T

    http://syakirahpunya.blogspot.com

    thankyou aneesh :D

    ReplyDelete
  39. Hello :)
    I'm trying to get this to work as well and I'm good up unil #6. I don't have that line of code in my blog, even after expanding widgets.

    this one -

    Any help would be greatly appreciated :)

    ReplyDelete
  40. I did all of the steps and no numbered comments appear.
    http://www.girlgonemom.com/

    ReplyDelete
  41. Hi Blogger plugins Your post is not just a blog,
    It is a bundle of Tutorial for all bloggers Keep it Up.
    As per your posts a have changed my blog
    Health Tips :http://thaimedicals.blogspot.com

    ReplyDelete
  42. I got the numbers, but they aren't the right numbers...they are a bunch of random and very LARGE numbers...

    ReplyDelete
  43. Hi,
    I'm kinda stuck.
    :(
    No numbers.

    ReplyDelete
  44. Here's my blog http://imsuyin.blogspot.com

    ReplyDelete
  45. Thank you so much! This revolutionizes my giveaways! ;-)

    ReplyDelete
  46. i didnt see the code .. can u help me?

    ReplyDelete
  47. will you please help me... here is my blog.... http://kisskissquilt.blogspot.com/

    ReplyDelete
  48. i dont have the first line of code on my blog anywhere. what should i do?

    typicaltype@hotmail.com

    ReplyDelete
  49. Hello!

    There is no: dl id='comments-block' code in my template. I've expanded the widgets, but it's not there.

    ReplyDelete
  50. Help :).No not my numbers appear in the comments ..
    I've done all the steps but it did not work ..
    Thank you,

    http://drikabello.blogspot.com/

    ReplyDelete
  51. Drika stupid blogger changed the comments to nested at the first of the year and numbering no longer works for any of us. Spent all morning looking for a solution and have not found it

    ReplyDelete
  52. I spent a few minuets my self on this hack, no worky.

    ReplyDelete