Subscribe Here RSS or Email


Position Comment Date Above the Comment Body

0 comments Buzz Here
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
  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'>

  5. <span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
    <b:include data='comment' name='commentDeleteIcon'/>
  6. We will move the above code right after <data:commentPostedByMsg/> then save.
Now look at what you have just 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.

Related Posts by Categories


Post a Comment

I really love to read your thoughts, Reminder though that I Moderate my blog, If your intention is only to spam think twice.

For those that will comment because you want to share your thoughts i really appreciate your time. "Dofollow" Rules.


  © Blogger template 'tbn' by thebuzznutter 2008

Bring me to TOP