Number Your Blogger Comments

Sunday, September 20, 2009

If your blog has a large following and you receive a high volume of comments, you know how frustrating it can be when you only have time to "glance" at your comments, and try to remember the location of the important ones for later! Well my friends, here is the solution to your problem: Comment numbering.

*Numbers are only visible when comments
are embedded below your posts*


Step 1:


Log in to Blogger.
Click "Layout"




Step 2:


Once in Layout,
Click "Edit HTML"



Step 3:


Once under
Edit HTML,
expand widget templates



*Important: When using the "Find" function to change
your HTML, make sure the Match Case feature is off.*


Step 4:
Hit CTRL + F in your web browser, and find the following code:
<dl id='comments-block'>


If you are unable to find that code, search for the following:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Delete expr:class='data:post.avatarIndentClass' so
that the line matches the original code we searched for.


Right under that line of code, paste the following:
<script type='text/javascript'>var CommentsCounter=0;</script>



Step 5:
Hit CTRL + F again and find the following code:
<data:commentpostedbymsg/>



Right under that code, paste the following:
<br /><span class='numberingcomments' style='float:right;font-size:20px;'><a expr:href='data:comment.url' title='Comment Link'><script type='text/javascript'>CommentsCounter=CommentsCounter+1;document.write(CommentsCounter)</script></a></span> <br />


Preview your changes before saving your work. Tada! Numbered comments.

10 comments:

Mommy Is Green said...

Thank you so much for this tutorial! I've been wondering how to do numbered comments for posts I know will have a large amount of comments. I'm saving this page to my favorites.

The Sugar Fairy said...

Thanks for the tutorial. I've tried this and it worked but i moved my numbers to the left side but now i can't figure out how to get the number next to the commenters name instead of having it under it. Any suggestions?

Jessica said...

Sugar Fairy: often when you have several modifications in your HTML, the codes can conflict and there's not a whole lot that can be done. It sounds like that may be the problem you're having, but I'm not sure because I had a hard time following!

Shelley said...

Jessica!

Finally, numbers that work for my blog! I've tried this at least 20 times with instructions from other blogs and it never worked. This worked perfectly! Thanks!!

Shelley

Mellisa Rock said...

Thank so much for this tutorial!! I have been counting comments to find the winner's of my giveaway's and I am sooo thankful that I don't have to anymore!!

Short On Cents said...

help my HTML doesn't have this code what now

Brittany Ciara said...

Whoo! You are awesome!

Shana said...

Yay! I did it. Thank you so much!

Heather @ Girl Gone Mom (formerly The Penny-Pinching Mama) said...

For some reason, no tutorial works for me. I did this easily on my other blog.

A Musing Mother said...

That is so cool! How do you change the "comments" text. I have something stupid on and I can't change it back to just straight "comments" or something witty.

Post a Comment