Position Comment Date Above the Comment Body

I am so glad that blogger have finally release the new comment system and now we can start making it look better like wordpress comment system or any other platform. :-)

I have posted about how to improve your comment section to create more interaction and that include how to highlight the authors comment. I have seen now a few sites where there comment section looks great and look much more better than before.

Today let's make a little changes, if you have noticed the timestamp in your comment section is placed at the bottom of the body...i would rather place them at the top right next to the comments authors name. To make this possible we will move the timestamp code right next to the comment authors code. Here's how to do it:

Reminder: Before editing your template, make sure to save a copy of your template.

Let's start:

1. Go to your Dashboard - Layout - Edit Html
2. Tick the box to Expand Widget Templates
3. Click Ctrl+F then type <dd class='comment-footer'>,will then get to the code below
   
4. This code below is what we need which you can find right after <dd class='comment-footer'>
   
   

<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>

5. We will move the above code right after <data:commentPostedByMsg/> then save.

Now look at what you have just done....it looks better than having the timestamps at the bottom of the comment body right!?

I hope you enjoy this tutorial as much as i am...until next time.