Monday, February 23, 2009

Numbering your comments in Blogger...the Mom Nerd way!

So I've had three comments now asking me how I managed to number my comments in blogger. I used the tutorial here but figured I'd post it here in "mom nerd" terms (aka, someone who is teaching herself all of this stuff without a clue) for all of you who would like to know.

Now many of you may be like me...you get into your html and it almost instantly starts to give you a headache. Most of what I've done with my blog (not that it's that wonderful) I've done from research and a lot of trial and error. By the way, if there is anything else you'd like to learn how to do and think it would be easier coming from me let me know in a comment!

Now remember, before you do anything save your template!

Okay, here goes:

1) Sign in to your blogger account and go to Layout and then Edit Html.

2) Look for the little box next to Expand Widget Templates and click on that little box. This will successfully make your html look even more confusing. ;)

3) Activate your find button. On most computers I think it is ctrl F, at least it is on mine, I really don't know. What this does on my computer is it brings up a little search box at the bottom left of my browser where I can search for words on that page. This is a great tool for checking to see if you have already commented on a giveaway with hundreds of comments.

4) In that find box type this:



this section should now be highlighted.

5) Directly underneath that part of the code, copy and paste this code:



6) Now go back down to your find box, clear it, and then copy and paste in this:



Once again that portion of code should be highlighted.

7) Directly under that portion of code copy and paste in this:




8) Then, make sure you click on preview before saving! You won't be able to see the numbers in this view but you will be able to find out if the code will even work. If you get an error message clear your edits and try again.

If this works for you let me know!

*** EDITED TO ADD: Hello everyone! I am shocked at how many people still read this! I wrote this quite some time ago and it is very possible that something has changed in blogger to make it not really work anymore. I don't really know how to help except to actually sign in myself and check out your code. So unless you want me to do that there isn't much I can do if it's not working. Sorry!*******


98 comments:

  1. I tried it twice, but I can't get it to work. I have some experience with html, too. Hmmm... Is it just me?

    ReplyDelete
  2. I'd LOVE to know how to add a button to my blog !
    I just don't get the whole text box with the code underneath AT ALL !! Or how you even come up with the code ~ lol.

    ReplyDelete
  3. It worked this time! Thanks for the tutorial!!

    ReplyDelete
  4. OMG!! Thank you so much!! Seriously, I spent an hour last night going over code. Finally, I just said some choice words and decided I'd count. LOL Thank you so much!!

    I'd also love to know how to make buttons, my bro, love him to pieces was supposed to make me one, and hasn't done it.

    ReplyDelete
  5. I just wanted you to know that it worked perfectly for me. I have been wanting to number my comments even though I don't have that many comments to be numbered. You explained it wonderfully and made it very easy to understand. Thanks again.

    ReplyDelete
  6. I would also love to know how to create a button. I have 2 blogs and would love to have buttons for them.

    ReplyDelete
  7. Thanks so much for the email and the tutorial. I am going to try it as soon as I have some more time.

    Everything I have learned about computers, the internet and blogging has been self-taught. Lots of reading, research, googling and networking has resulted in a more techy me, not a super techy me, but at least I can find my way around!

    Now if I can just figure out how to make my template three-column, I will have it made!

    ReplyDelete
  8. You are awesome Sharla! I researched this the other night on the net and could not figure it out for the life of me! Thanks :)

    ReplyDelete
  9. I LOVE learning new things! Thanks for the help!

    Nancy
    allibrary (at) aol (dot) com

    ReplyDelete
  10. That's so funny - I was wondering but didn't have time to ask you about it! LOVE this!

    ReplyDelete
  11. It worked! Thanks so much. This is great.

    ReplyDelete
  12. Thank you so much for posting this. I'm going to give it a try - even though I'm really really scared, LOL! And, I would also love to learn how to make a button. Thanks again!

    ReplyDelete
  13. Yeah, would love to make me a button. I'll come back to this post next time I have a giveaway or something. Until then, I'm going to be lazy and not number my comments. :)

    ReplyDelete
  14. Hey guess what!!!!! I HAVE NUMBERED COMMENTS! Yes, I am shouting....because you are awesome and I learned something new and it will save me a TON of time! WooHoo!! Can you tell I'm excited?

    ReplyDelete
  15. You are amazing...I searched google everywhere and couldn't find this info. Thank you so much for making my blog www.sweetgreens.blogspot.com better.

    ReplyDelete
  16. Thank you! I tried another site and they skipped steps you had and yours worked and theirs did not! Woohoo and JUST in time I have a giveaway and have over 100 comments.

    Please come and enter and I will give you two extra entries for your help just write "I HELPED!" in each comment :)

    ReplyDelete
  17. Thanks - it worked!! I love your simple way of explaining it! I'm following you now!

    ReplyDelete
  18. I have to tell you I could give you a hug right now!!! THANK YOU for posting this!!! You ROCK!

    ReplyDelete
  19. Thanks for posting this! I was curious about this the other day but didn't even *try* to figure it out!

    I just tried it and it didn't work...off to try again.

    ReplyDelete
  20. Hmm, still not working. I'll try another time. Still appreciate the tutorial! =)

    ReplyDelete
  21. I had tried the directions posted on other sites, but it never worked. Thank you so much! Now I can actually do my first blog giveaway - by drawing the number of the commenter to select a winner!! Thanks for the tutorial! You rock!

    ReplyDelete
  22. OMG! I have tried to number my comments several times and have been completely unsuccessful. Until now! You are a lifesaver. Thank you so much!

    ReplyDelete
  23. You are the wind beneath my wings. Thanks! :)

    ReplyDelete
  24. Thank you so much! I'm really bad with HTML and have to have a friend help me load my designs but even I was able to do this! Thanks for the "find" tip too!

    ReplyDelete
  25. it worked! that was so easy, and i haven't even ahd brekky yet!!!

    ReplyDelete
  26. Thanks! I gave you some linky love:
    http://mom2ways.blogspot.com/2009/03/upb09-follow-up.html

    ReplyDelete
  27. That was so easy for a dummy like me! Thankyou so much! Now, couldyou please post a tutorial on how to create a blog button?

    ReplyDelete
  28. You TOTALLY rock! I have been trying to figure out how to put numbers on my comments for A LONG time and they always mess up the look of my blog! I am so sick of counting through hundreds of comments!

    AND I love the ctrF trick...I had never heard of it before!

    ReplyDelete
  29. I was refered to this tutorial on your blog by Melanie of Whimsical Creations. I followed your very easy step-by-step instructions and it WORKED!! Thank you SO MUCH for taking time to explain this in the plain language!! I have mentioned you on my blog here http://everythingpapercrafts.blogspot.com/2009/04/coolest-thing-since-sliced-bread.html . Thanks again!! Irina

    ReplyDelete
  30. Wow, what a fab set of instructions. It worked first time, just need to get more people leaving comments.
    Sam xx

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

    ReplyDelete
  32. My comments are numbered now, but the numbers won't show completely. Still need to work on that. Thanks so much for the walkthrough!

    ReplyDelete
  33. Bummer...didn't work for me. Thanks for the directions though. :o)

    ReplyDelete
  34. You are WONDERFUL!
    I couldn't find the last line, so I guessed where to put it... but it WORKED!
    :D

    Thank you for the help!

    ReplyDelete
  35. I appreciate the help but this along with all others I have found just dont work for me Waaa I dont get an error but I never see numbers

    ReplyDelete
  36. Wow! Thank you so much, it worked perfectly the first time, and that's odd for me!

    ReplyDelete
  37. Ok, I'm bummed. It saved properly but when I went to my my last post with comments, they were not numbered :(

    ReplyDelete
  38. This didn't work for me. I am so sad. Can you help me?

    ReplyDelete
  39. Great tutorial it worked thnks a bunch.

    http://ehaggins.blogspot.com/

    ReplyDelete
  40. Thanks for this! Your instructions were so easy to follow and it worked the first time!

    ReplyDelete
  41. YIPPEE!!! I may not be computer savvy, but I could follow your directions and copy/paste and WALA!! It works!!

    Thanks a ton!!

    ReplyDelete
  42. It won't work for me???

    ReplyDelete
  43. Yay!

    Ok, I had to change from pop up comment box to embedded comments to make the numbers show up.

    But then it worked!

    ReplyDelete
  44. Hi, I'm obviously doing some wrong because it accepts the code but does not show the numbers next to the comments. Out of preview mode that is. My html is little different as i could find an exact match to some of it, so i may have put in the wrong place. Any help would greatly appreciated! Thank you so much

    ReplyDelete
  45. For the love... I was so excited to find this tutorial because I have had so many not work. Everything seemed to work fine, but alas, my comments are not numbered. Can you please help? I am happy to even give you access to my code...

    ReplyDelete
  46. YAY! I am so excited it works, thanks for the easy tut. Two of a Kind Working on a Full House sent me over to you :)

    ReplyDelete
  47. Mommyof2girls sent me and it works great! Thanks for the tutorial!

    ReplyDelete
  48. Mom Nerd You Rock!!! THanks so much

    ReplyDelete
  49. I can not for the life of me figure this out...and I'm experienced with HTML. Could it be because I have a custom blog design?!

    ReplyDelete
  50. I can't get this to work, but I am going to keep trying. I don't have the first code I am supposed to find. I just wanted to tell you that from one mom nerd to another, you are da bomb!

    ReplyDelete
  51. Okay, I am having the following problem.
    ALL the tutorials I am finding use
    dl id='comments-block'

    but mine look like:
    dl class='comments-block' id='comments-block'

    So I searched comments-block and it came up several times.

    Thanks.

    I had to remove the < and >

    ReplyDelete
  52. Sorry, I ditzed out.
    It never occured to me to play around with the code and figure out where to put it.

    Thanks so much for the easy to read and understand tutorial.

    In the event that anyone has the same problem and reads this, this is what I added the first step after:

    dl expr:class='data:post.avatarIndentClass' id='comments-block'

    (Once again, had to remove the "<" and ">" to be able to show it.

    ReplyDelete
  53. I had to change it from pop out to embedded. The problem is then after 200 comments I can not find the other ones and there is no comment box. If anyone can help I appreciate it.

    Not trying to get traffic but this is the post it is happening on

    http://www.buckdaddyblog.com/2009/09/2-elf-makeup-collection-giveaway.html

    ReplyDelete
  54. Is it just me? I can't find the first HTML.

    ReplyDelete
  55. Ann, I couldn't see a way to contact you but did you make sure you clicked the expand widget box?

    ReplyDelete
  56. It did work, I had to hunt all through the code... I've got a mac and don't know how to use finder. But thanks for the clear instructions.

    ReplyDelete
  57. I did the instructions perfectly but can't get them to work I need help not sure what's wrong

    ReplyDelete
  58. I see now yes you are perfectly right. I was looking in the pop up box. Thank you so very much for your instructions I'm going to send others to this post for help.
    Thanks Again. U have saved me a huge headache

    ReplyDelete
  59. I have a follow up question...on my blog (http://BloggerMommies.blogspot.com) my comments are numbered but they only go up to 200, then they start at 1 again. The total count shows the real amount, but the numbers themselves only go to 200.

    Any thoughts on why that is or how to fix it?

    ReplyDelete
  60. I came from Night owl mama, and I've tried from another site, can't get it to work - please help!!

    ReplyDelete
  61. lol love your comment quote up there! too funny! anyways this was working for me yesturday but today I had to redo some stuff on the blog now it won't work...I've tried this all day any suggestions?? i have giveaways that i need to find the winners by the numbers..help

    ReplyDelete
  62. It finally worked for me :) yeah now I can pick winners! Thanks for your easy view on this..some blogs explanations for html are difficult to understand!

    ReplyDelete
  63. Thanks for this! I've been wondering how to do this!! Love your blog..I'm a new follower :) I'd love for you to come vist and follow me!!

    www.shelleysswag.blogspot.com

    Have a great day :)

    ReplyDelete
  64. Thank you, thank you, thank you for posting about this. I have been trying to figure out how to do this for a while now and have been unsuccessful. Thanks to the tutorial, I was able to successfully add numbered comments on the first try.

    ReplyDelete
  65. I'm getting as far as expand widget templates. Then I get stuck at Ctrl F. Help?

    ReplyDelete
  66. HI I used your tutorial, and it worked...sort of. Numbers 1 and 2 end up on the first comment instead of separated.

    Can you help me figure out why it did that?

    http://lastshredsofsanity.com

    ReplyDelete
  67. Sorry, my URl is http://www.lastshredsofsanity.com

    ReplyDelete
  68. I had my comments numbered...
    then I changed my background and EVERYTHING got messed up.
    I can not get the numbers back on it...
    Any help would REALLY be appreciated!
    Thank you!

    ReplyDelete
  69. Thank you so much! It worked really well and right away!

    ReplyDelete
  70. ok how nice of you to post this. I am on step 6 and using FIND I can't find that text to copy and paste the next step in. Why not???
    Thanks, Brandy

    the buzz

    ReplyDelete
  71. I have another older blog and I used a different tutorial for that one a wee whiley back. I remember it was complicated.

    This time the same tutorial I used before was no longer available but yours ranked high in a search. Not only were your instructions much easier to follow but results were immediate. It took a few minutes and "presto"! Numbered comments! Thank you soooo much!

    ReplyDelete
  72. It worked!!! And I'm a techie mess!

    Two things....my HTML didn't look like what is featured in your post but thanks to Melinda's comment I was able to find this:

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

    I also had to change away from pop up comments to get the numbering to show!

    If I could get it....anyone can!!!

    ReplyDelete
  73. This worked GREAT! Thanks so much!!!

    ReplyDelete
  74. Thank you so much for this, I tried to do this from a few other tutorial and could not figure it out. This was clear and easy to follow. I love the ctrl f find feature, I never knew about it before. You just made finding my giveaway winner so much easier!!!!!

    ReplyDelete
  75. YOU'RE AWESOME!!!! THANK YOU! it worked for me after one try! :)

    ReplyDelete
  76. I'm so sad. Nothing's working. I tried it with Melinda's modifications because I couldn't find your exact html and it's still not working. I've waited a few minutes. Tried closing my blog and reopening, changed my comments from pop up to embedded. Nothing is happening. I'm so disappointed. Am I one of those that it just won't work for?

    ReplyDelete
  77. Amazing blog. Love this design very much. I am going to try numbering comments in my blog. I am not sure whether it works or not.....

    ReplyDelete
  78. hi I was wondering I changed my template and now trying to number comments again but there isn't
    a in my template. I just don't know what else to do but ask. Hopefully you can help
    Thanks in advance. I'm about to go into tears. I just wish I knew more about coding it's so frustrating

    ReplyDelete
  79. LOOKS Like your #6 phrase I typed above did show.

    ReplyDelete
  80. Yea...I can't get it to work ;(
    I don't get an error just dont see any number......;(

    ReplyDelete
  81. Hi there,
    I couldn't get it to work. I tried 3 times. Any suggestions?
    thanks a bunch,
    Michelle

    ReplyDelete
  82. Fantastic. One thing to note is that, depending on your template, there may be class or other attributes intervening between the "dl" and the "id='comments-block", so you may be better served to search for "id='comments-block". There was actually logic around my comments so that there were two such sections. All that being said, it worked like a dream. Now to go style my numbers ...

    ReplyDelete
  83. Hi, I consider myself computer literate, but I cannot get this to work. I have followed all the instructions and suggestions in the comments. I'm so bummed!

    ReplyDelete
  84. I found another post that tweaked your tutorial and it worked for me:
    http://1stfloorflatcomputery.blogspot.com/2009/11/how-to-number-your-comments.html

    Yay!

    ReplyDelete
  85. I can't get it to work either, think it's the 2nd part of the code. My blog is http://linorstorecom.blogspot.com. When you get a chance, could you please take a look?

    Thanks so much. This would be so good for my upcoming giveaway ...
    Linda

    ReplyDelete
  86. Hi mom nerd...I am trying to add numbers to my comments and I did everything you said to do. I read countless articles on google on how to do this and yours were the most helpful...what am i doing wrong??? thanks so much! www.theurbanbaker.blogspot.com

    ReplyDelete
  87. I could not get it to work for me either. Such a pain. Thank you for the try though

    ReplyDelete
  88. It worked great but doesn't work for comments over 200.

    ReplyDelete
  89. Well I have given this a try but think I will have to post something new and see if the comments are numbered. I figure it won't be retroactive on the other comments just on a new post. Thanks. Can't wait to have a better look around here when I don't have to rush out to work.

    ReplyDelete

Comments are the bloggy air I breathe, but please keep my air clean.

Related Posts with Thumbnails