Subscribe by email

Enter your email address:

Delivered by FeedBurner

Followers

Numbering comments in Blogger Templates a tutorial

ah this is one of those things that can save you a ton of work if you are a review and giveaway blogger. Who really wants to manually count comments? I did for a while and it wasn't even the slightest bit fun!

Now some template wording is different so I will tell you a trick that helps me when I get there. My template program happens to be one that is worded different so it took me a bit to figure out where to change things.

Ok as with most tweaked head to the design area of your dashboard and expand the widget. Remember Ctrl F to bring up the search box.

I find it easier to replace codes rather then to try and change them when you are not fully comfortable with HTML this way you do not get those dreaded errors about parsing and closing brackets and such. So in these three steps you should have your comments all numbered.

****Ok the one think I wanted to point out as I said earlier some templates have different wording in the coding. Because of this it can be hard to find where to start. If your template does not have the exact verbiage of "Comments-block" just look for the first comments in the html, then search for the next line of code, you will find it!*****

1..Ok type in
<dl id='comments-block'>


replace it with this

<dl id='comments-block'>
<script type='text/javascript'>var CommentsCounter=0;</script>


2. Find this code

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>

and replace it with this code

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName' style='clear: both;'>

3. Final Step Find this code

<data:commentPostedByMsg/>

Now replace it with this one

<data:commentPostedByMsg/>
<span class='numberingcomments' style='float: right; font-size: 20px;'>
<a rel='nofollow' expr:href='data:comment.url' title='Comment Link' style='text-decoration:none'>

<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter);
</script>
</a>
</span>



Notice the Font size in the last step? You can also change that number to better fit with your blogs comment section. Hope this helps!

10 comments:

wasim khan said...

Hi, Great work. I really like it. Thanks for nice shearing.

blueviolet said...

Does that renumber the pages 1-200 or does it count past 200?

Lisa P@www.isitmondayalready.com said...

Well it will number past 200 BUT it starts back at one. No bog deal for blogger as most comment pages only hold 200. Good Question Elizabeth

Mommy Katie said...

I am so frustrated, I cant find <dl id='comments-block'> when I did a search for it, do you know of any other way? I have been reading tons of posts and I have not been able to find one that has what I need to number my posts. I am using the new blogger layout on blogspot.
www.mommykatie.com
kat_1982us at yahoo.com

Anonymous said...

I’ve bookmarked this because I found it interesting. I would be very interested to hear more news on this. Thanks!

Anonymous said...

The proper files were still web web. I thought it was strange, and even after changing the group as your instructions said, there was no change in how this displayed in both putty and filezilla. However, I tested uploading to my blog and it worked like a charm! I am not sure what is going on with the group thing, but somehow it must have worked. I’m curious as to what the deal is with that. In any case, Thank you so much!

Anonymous said...

Pretty insightful post. Never thought that it was this simple after all. I had spent a good deal of my time looking for someone to explain this subject clearly and you’re the only one that ever did that. Kudos to you! Keep it up

Anonymous said...

thanks! seems faster at first look, hopefully it continues to function like this.

Anonymous said...

Thank you! Fabulous resource – now I don’t have to keep searching :)

Anonymous said...

very use full information. thank you.

Blog Archive