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
A small Demo
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='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
and replace it with
<dt expr:class='"comment-author " + 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.
thank you for nice hack ;)
ReplyDeletecheck out my blog http://www.watchasiantv.co.cc
ReplyDeleteplz check this url
ReplyDeletehttp://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
@The King Khan
ReplyDeletefollow 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'>
This didn't work for me. I have tried 5 different tutorials for this and they're all about the same. Any tips?
ReplyDeleteyou have missed out one of the steps.. you forgot do the comment counter initialisation..
ReplyDeletefind this
<dl class='' id='comments-block'>
and after that place
<script type='text/javascript'>var CommentsCounter=0;</script>
i don't see this line in your template
ReplyDelete<script type='text/javascript'>var CommentsCounter=0;</script>
@Ramarao both codes are different..
ReplyDeleteFirst one initializes the counter..
Thse scondone increments the counter and prints it in the comment loop!
so you have to add both..
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.
ReplyDeleteThank 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.
ReplyDeleteYou´re the best. I love his trick!! =D
ReplyDeleteseem to not be able to find that first step in my html. :(
ReplyDeletepls 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@Ooty ,
ReplyDeletei 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??
Your site is very helpful to all bloggers.welldone.
ReplyDeleteOh 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!
ReplyDeletePlease 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!!!
I can't seem to get this to work. Can you check out my blog and see what I am missing?
ReplyDeleteI'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
ReplyDeletehtml 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.
Thank you so much! Aneesh you were a huge help too!
ReplyDeleteHi I can't find this line of code "5.Now find this line of code" please help me regards
ReplyDeleteI cannot find this piece of code in the template I am working on "data:commentPostedByMsg".
ReplyDeleteIs there a variation of it I should be looking for?
It works fine..Thank u soo much for this easy to implement code!
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteIts not working for me...Help me.
ReplyDeleteI'm having trouble getting the numbers to show up. I think I've got everything copied correctly in the html. Am I missing something?
ReplyDeletehttp://mommys-minute.blogspot.com
@Sarah - Find <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
ReplyDeleteand change it to
<dl expr:class='data:post.avatarIndentClass' id='comments-block'><script type='text/javascript'>var CommentsCounter=0;</script>
Thanks for the tutorial. after reading this last comment from you, it finally worked for me.
ReplyDeleteHi I am still having the same problem. The template is a WP conversion. Please help me.
ReplyDeleteOriginal 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?
I tried this a few times and I am not seeing any numbers, can you tell me what I may have missed.
ReplyDeletewww.bucktownbargains.com
Thanks
It is numbering them by thousands...
ReplyDeleteI got it...Thanks a bunch!
ReplyDelete@Bucktown Bargains - you have added the code of step6 twice. thats why it is showing numbers like 21 and 43
ReplyDeleteit didn't work for me! all is done! I see all the steps,are good...WHAT'S PROBLEM??
ReplyDeleteSigh....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.
ReplyDeletePlease help!
@mary - which blog do you have the code on?
ReplyDelete@KatieBug - i don't see the codes on your blog. did you remove them?
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!
ReplyDeletehttp://picturethiscreationsgiftshop.blogspot.com/
Please help! I'm really have a problem with this.
ReplyDeleteI'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
help me, i dont know whats wrong T__________T
ReplyDeletehttp://syakirahpunya.blogspot.com
thankyou aneesh :D
Hello :)
ReplyDeleteI'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 :)
I did all of the steps and no numbered comments appear.
ReplyDeletehttp://www.girlgonemom.com/
didnt work for me...
ReplyDeleteTHANK YOU Aneesh!!!!!
ReplyDeleteHUGE help! Thanks. Awesome!
ReplyDeleteHi Blogger plugins Your post is not just a blog,
ReplyDeleteIt 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
I got the numbers, but they aren't the right numbers...they are a bunch of random and very LARGE numbers...
ReplyDeleteHi,
ReplyDeleteI'm kinda stuck.
:(
No numbers.
Here's my blog http://imsuyin.blogspot.com
ReplyDeleteThank you so much! This revolutionizes my giveaways! ;-)
ReplyDeletei dont have the first line of code on my blog anywhere. what should i do?
ReplyDeletetypicaltype@hotmail.com
Hello!
ReplyDeleteThere is no: dl id='comments-block' code in my template. I've expanded the widgets, but it's not there.
Help :).No not my numbers appear in the comments ..
ReplyDeleteI've done all the steps but it did not work ..
Thank you,
http://drikabello.blogspot.com/
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
ReplyDeleteI spent a few minuets my self on this hack, no worky.
ReplyDelete