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.
- Go to your Dashboard - Layout - Edit Html
- Tick the box to
- Click Ctrl+F then type <dd class='comment-footer'>,will then get to the code below
- This code below is what we need which you can find right after <dd class='comment-footer'>
- We will move the above code right after <data:commentPostedByMsg/>
<a expr:href='data:comment.url' title='comment permalink'>
<b:include data='comment' name='commentDeleteIcon'/>
I hope you enjoy this tutorial as much as i am...until next time.