When you run Giveaways you really don't want to have to count comments by hand. It gets tiresome and difficult to count as you are scrolling down and loose track of which comment you were on and have to start all over. I had comment numbering back before our blog had a makeover but somehow they were lost in the transition. I never like to go into any HTML code and manually try to insert things it really scares me that I will loose everything when it do it so I have been putting off the inevitable. With our recent giveaway with 270! comments I really wasn't sure what I would do if the random number generator didn't pick the winner from the beginning of the comments or the very end of the comments so I knew that now was the time to make it happen. Not only did I find a blog (http://bloggerstop.net) that had the directions but they included a way to put an icon behind your numbers to be more in keeping with your blog. I am working on getting a suitable image more in keeping with our blog but for now I am happy enough.
Since I had such good luck with this method I am referring you directly to the post where I found the directions to create my comment numbering and icon. I was originally going to copy and paste the instructions here but then I realized they wouldn't show up because when I pasted it here I realized that all the HTML would be read as HTML and not show up on the post. I guess my next task is to figure out how people take the screen shots of the different steps to post on their blog.
Please visit the original post and follow the directions. (http://bloggerstop.net/2010/01/numbering-comments-in-bloggerblogspot.html)
________
The first part is super easy if you just follow the directions exactly the way they have put them up.
The part that I had difficulty with was stylizing the comment numbering.
When I got to this part I became a bit confused. You need to copy and paste it exactly the way it appears the ( ) should be there with no space bewteen url and the ( just switch out the image if you desire with one of the other images they offer or use one of your own:
background: url(http://i50.tinypic.com/egx3t3.jpg) no-repeat;
The next step to remember is to go back depending on the image you use comes when you get to this part of the code and change the color to one appropriate for the image you use if your icon is white you would not see what numbering if you icon is black don't use black etc:color: white !important;
Same goes for this part of the code. Remember to change it out appropriately:color: gray !important;
I also made my own change to the code with they did not include in their styling. I wanted my comment numbering to be in bold so for this section of the code:
font-weight: normal;
I changed it to font-weight: bold;
Hope this helps you take the leap and have numbered comments.