Here is a quick preview of how it will look like.Just check the numbering system of the comments in the preview below.

Numbering comments in blogger


I have made it simple for people who just wants the incrementing numbers in the comments.
You just have to add small piece of Javascript in 2 different places.

Ok, Now lets start with adding the code.

Go to Layout>Edit HTML in your dashboard. Check the “Expand widget templates” box, then search for this section of code and add the 2 Piece of code colored in red in their respective places


Part 1 : Initialization
Search for this line: <b:loop values='data:post.comments' var='comment'>

and add this code in red just BEFORE the above line
<script type='text/javascript'>var CommentsCounter=0;</script>

Part 2 : Looping the numbers

Search for this line: <b:if cond='data:comment.authorUrl'>
and add this code in red just BEFORE the above line
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter+&quot;.&quot;)
</script>
Check the screenshot below for reference ( Some codes may be Different )

Numbering Comments in blog
Click on Preview. If your blog runs without any errors then,your are done. Save the template.



Related Posts :



60 Reactions to this Posts


Anonymous

February 28, 2009 at 8:58 AM

Thankyou. Its just very easy. Advanced users can design according to their needs.


Dave

March 22, 2009 at 12:00 PM

Its very simple. Just follow the steps very propely. Jus 5 lines of code. No mess. This works in any blog template.

You can post personal queries here but do not spam the blog by posting links


TidyMom

April 4, 2009 at 5:57 PM

Thank you SOOO much! this was explained VERY well and worked great!


Becky

April 5, 2009 at 6:49 PM

Thank you!!!


Lucia

June 17, 2009 at 1:51 PM

THIS ROCKS! Fernandooo1's didn't work for me, but yours did, plus I like this format better! (I found you from Fernandooo1's posting comments)


Jessica Turner

June 17, 2009 at 8:56 PM

This did not work for me. I copied the code exactly and put it in my blog, it ran without errors, but did not work. (I made a new post to test it). Does it have something to do with the fact that people can have pics in their comments?


auntrene

June 22, 2009 at 6:27 PM

It worked fantastic for me.. Thank you so much!!!
(trust me I am a computer dummy, this was so easy by following your directions) Anyone can do it.


Tammy

June 28, 2009 at 10:41 AM

Thank you so very very much - I have tried so many tutorials to do this and yours is the only one that has worked!


Jessica

August 3, 2009 at 11:09 PM

Can you PLEASE help me? I've tried using both your code & his code and I can't seem to get it to work!

Your template was MUCH easier to follow, but it still isn't showing numbered comments.

Does it matter what type of settings I have my comments on? Do they need to be formatted a certain way other wise?


Dave

August 4, 2009 at 8:25 AM

Keep the comments on the same page as of the post.
and follow the steps as is and it will surely work :)


TidyMom

September 12, 2009 at 1:39 AM

any clue why I can't get the blogger/google profile pictures to show up in my comments?


Sneaky Momma

October 3, 2009 at 10:38 PM

Thank you so very much! After SEVERAL tries of getting Fernandoo1's tutorial (which has worked for everyone I have recommended it to, but not for me!) I stumbled upon your link in the comments section either at his site or Amanda's. I am forever grateful and will be linking to your tutorial soon. :)


Natalie A.

January 23, 2010 at 3:34 PM

Thanks for the help! I tried other tutorials on other blogs and none of them worked for me! Yours did! Thank you!


Alex

February 2, 2010 at 7:08 AM

Fantastic! This worked for me!


Emily B

February 11, 2010 at 1:02 AM

Thank you!!


fancygrlnancy

February 14, 2010 at 9:36 AM

YAY thanks it works great and pretty easy! Now to get 3 columns... that seems difficult, didn't work for me the first time.


Mimi N

March 8, 2010 at 11:14 AM

So if my comments open up in a different/separate window, these codes won't work?


Dave

March 8, 2010 at 5:49 PM

It will work where ever you comments will popup.
If you have comments they'll get numbered. Thats it :)


KatieBug

March 14, 2010 at 7:45 AM

Tech TNT can you help me? I don't know why but its not working....


Unknown

May 22, 2010 at 3:16 AM

Forget my previous comment - it did work!

When I clicked directly on the comments link and viewed in the pop-up I could not see the numbers. But when I click on the post title and view post and comments in one page the numbers do appear.

Great hack - easy. Glad I didn't let the ad pop-up scare me off your site, even though I would have liked to have been able to close that.

You're a lifesaver! This will be huge for me as my giveaways grow!


Diana Mancuso

June 16, 2010 at 9:36 AM

This is the best, simplest and nicest-looking way to number comments! And it worked with the Blogger's new customizable templates! Thanks so much!


Jenn

July 17, 2010 at 9:18 PM

Awesome! I've read over tons of these and this has been the easiest one to follow!! Thank You So Much!! :)

www.lebedafamily.blogspot.com


Anonymous

July 19, 2010 at 8:33 AM

After looking at half a dozen tutorial, yours finaly worked! thanks!!


Kimberly Walker

July 24, 2010 at 11:12 PM

I finally got it to work... thank you sooooooo much. I had to make sure that comment settings is embedded on same page or else it wouldn't work.


L Simonson

August 17, 2010 at 10:40 PM

I finally got it to work when I embedded my comments on the same page too. Thanks Kimberly for that helpful hint!


LaVonne

August 18, 2010 at 11:39 PM

I did it, I did it! Thank you for helping me. I didn't think I could do it, but I did. :)


fredamans

August 21, 2010 at 5:25 AM

It totally worked!!! Thank you for the tutorial, it is the most helpful one on the net!


jen aka mommay

September 16, 2010 at 6:40 PM

Thank you so much!


Jen M

November 1, 2010 at 11:41 PM

Thanks! Worked!


Happy Homemaker And Momma

November 3, 2010 at 6:06 PM

THANK YOU SO SO SO SO VERY MUCH!!!!!!!!!!I've been through days of tutorials with none working-but yours worked thank you so much!!!!


Marivic

November 22, 2010 at 4:49 AM

Awesome! Works for me! Thanks.


Cindy

December 4, 2010 at 6:32 AM

Another satisfied user. After trying several others, finally!!!


Sasya

January 26, 2011 at 10:21 PM

thank you so much!! it was very helpful!


SJ @ Homemaker On A Dime

February 23, 2011 at 11:59 PM

Thank you for sharing this! This worked out well for me :)


Andie

March 3, 2011 at 8:29 AM

I have been trying to find the code that would work with my blog for weeks... weeks! Thank you, this was the tutorial that fixed it for me :)


Tru

March 5, 2011 at 12:49 AM

Excellent! Thank-you.


the essentials in life

March 5, 2011 at 11:49 PM

I copied and pasted in the right places but it didn't work....please let me know if there is something more I need to do.


the essentials in life

March 6, 2011 at 12:20 AM

Never mind my last post....it worked because I changed the comments to be embedded on the same page. THANK YOU!!


Laurie Wisbrun | Scarlet Fig

March 12, 2011 at 10:18 AM

I've been hunting high and low for how to do this. Thank you so much for such an easy to follow tutorial!!


Andreana

March 25, 2011 at 8:23 AM

I've been searching for so long for an easy way to number comments. THANK YOU!!


Unknown

March 27, 2011 at 5:35 PM

Thank you! Worked for me! :D


Handmade Crafts Done While RVing Blog

April 8, 2011 at 8:50 AM

I did this to both of my blog and it was so easy... The hardest part was finding the needle in the hay stack... You rock!! Thank you for making me look good - this helps with giveaways big time...


Shabbyprimdelights

April 16, 2011 at 5:27 AM

Hi...just tried it and it kinda works but instead on counting 1,2,3, etc it is counting 1,3,5 could you please help me with this Thanx Michelle


Unknown

April 22, 2011 at 3:53 AM

I love you!!! This was an amazing and easy tutorial! Thanks so much!!! Now giveaways will be MUCH easier!!!

Best,
Li


Anonymous

April 23, 2011 at 6:41 PM

Thank you so much! This is the first time a numbering tutorial has worked for me. What a lifesaver!


Anonymous

April 27, 2011 at 8:28 PM

You are AWESOME! Thanks so much for sharing this! I've tried 2 other set of instructions and couldn't get it to work. Thanks so much!
Jess
jbeedelightful.blogspot.com


Momma3J

April 28, 2011 at 1:16 AM

THANK YOU SO MUCH!!! After trying several other tutorials, yours worked for me on the first try!


Ifat

May 7, 2011 at 12:56 AM

thanks, its working!


Kristin

May 10, 2011 at 1:19 AM

I love you. After MANY tuts, these finally worked!!


Amanda

June 27, 2011 at 5:18 AM

My comments are embedded in my post. I have clicked my post's permalink and cannot see the numbered comments. It's shows "1-200 of 489" at the top, but the comments themselves are not numbered. Any ideas? Here's the permalink http://www.craftsbyamanda.com/2011/06/win-silhouette-sd-and-temporary-tattoo.html


Anonymous

July 6, 2011 at 9:52 PM

Help!..I not doing something right. Please help me get comments numbered.
~Jo
http://lazyonloblolly.blogspot.com


Trista Anderson

July 8, 2011 at 3:03 AM

Thank You so very much that is a life saver!!!
http://andersonsangels.blogspot.com


Jennifer

July 9, 2011 at 1:23 AM

THANK YOU for this post!!!! After searching I tried this and it worked the first time!


Mrs. Diner

August 12, 2011 at 9:59 AM

Fantastic! I also tried several methods that didn't work, but this was easy & I like the location of the numbers. Thank you!


Bicultural Mama

September 5, 2011 at 6:14 AM

Thank you, I tried several versions of how to number my comments and they didn't work...until I found yours. THANKS SO MUCH! I have a giveaway and didn't want to manually count all the comments.


Caneel

September 7, 2011 at 11:45 PM

This worked well - thank you so much! It was the easiest fix I found, and it worked the first time.


Lydia

September 21, 2011 at 10:30 PM

THANK YOU!!!


Kimberlee Jost

October 9, 2011 at 2:39 AM

Thank you, thank you, thank you!!!!!
Thanks to you, my eyes are a little less crossed from reading html and now I have numbers on my comments.


Annika

October 31, 2011 at 8:44 PM

Worked like a charm. Thanks!


The nosy pepper

December 15, 2013 at 2:16 AM

Thank thank you thank you! this was the ONLY one that worked!!!

What you think about this Post? Let us know

Please DO NOT Spam