Thursday, September 9, 2010

DIY Blog Makeover - Numbering Comments


If you have ever hosted a giveaway on your blog, you know what a pain it is to find the winning number that random.org spits out if you don't have numbered comments.

Well, I'd had enough of that, so I found a great
site that helped me number the comments on my blog.

I encourage you to follow that
tutorial since it works perfectly.

I tweeked a few things, and I tried to write out my own version to show you what I would do, but I can't figure out how to post the html without having blogger convert it. If anyone knows a code so that I can post a text box with html, I would LOVE to know what it is!!

So follow the tutorial,
and then if you want normal black numbers, change these things in the VERY last step:

Change the color from white [4th line] to black [or whatever other color you'd like],
And remove lines 6-8.
It should look like this:


If you have any problems with the tutorial, please let me know!

17 comments:

Lelan @ Good Gravy! said...

Great tutorial, Mandy! Thanks! This will come in handy.

Cassie said...

This is awesome, Mandy! Thanks!!

theteo5 said...

I swear, I did everything right...twice! I can't figure this out! I even went over it again with a fine tooth comb to make sure the html was all right and in the right places. Any suggestions? I don't know what I am doing wrong. And believe me, I know it's me that's doing something wrong. Your tutorial is great as always!

Allison said...

Yeah! Can't wait to do this! :)

I totally tried to make my new tabs last night... totally didn't work for some reason! I am not sure why. They were HUGE... beyond huge on my site when I did it for some reason. I resized them all so I don't know what the deal was. Looks like I get to play with it longer! lol

Allison said...

I can't get it to work either. I'm still trying though. hmmm...

Allison said...
This comment has been removed by the author.
Allison said...

I'm taking over your comments today... lol. Got it. :)

theteo5 said...

Thanks Mandy. I'm amazed that I finally figured it out. I'm not even going to try to make it fancy...basic seems to work for me! Thanks for the tech support.

Adam and Wendy said...

I think I have a code for text box that may work ((Cross your fingers)).

I'll send it to you in an email because I know if I write it right here, it'll just put a text box in your comments!

Melissa said...

Oh man, I need this so badly! When it's not almost bedtime, I'm going to take advantage of this great tutorial. Thanks!

Lulu said...

Another handy thing I want on my blog . . . I tried, it didn't work for me. I'm so lame re: computers. I'll just go the old fashioned counting way :)

Elisabeth S. said...

Hmm.. I followed all the steps but I'm not sure how to see the any numbers? I guess I did something wrong?

Elisabeth S. said...

It's working now! I'm so excited. I guess it was too late in the evening for me to think...LOL! I didn't know you could view the comments by clicking on the individual blog post and there they were! Thanks again!

Laura said...

You're a genius! Thanks for your help!

Katie P said...

I used this tutorial a couple weeks ago when I had my bday giveaway week because there were SO many comments -- this was perfect! Thanks so much for sharing!

Lolly Jane said...

awesome! new follower & this worked perfectly and THANK YOU for saving me from the ugly pic in the other tute! (:

Kristi & Kelli @ Lolly Jane

Christa said...

Thanks for another great tutorial! It worked perfectly.