How Highlight Authors Comments In Blogger Blogs

How to highlight the author comments in blogger,you would have seen many highlighted colours comments in blogger posts by author in many blogs.They are highligted to differentiate the comments of author and the readers and now you will be desperate to how to implement in your blog.Many templates have installed this hack in there blog if your blog doesn’t have highlighted comments read on this post.

Login to your Dashboard > Layout > Edit Html.

Check the Expand Widget Templates Check Box.
Copy and paste the code below before the closing ]]></b:skin>

.comment-body-author {
background: #ffffff;
border: 2px solid #666666;
padding: 5px;
}

Change the line
background: #ffffff;
with
background: url(http://DIRECT_LINK_OF_THE_IMAGE.jpg) ;
If you want to show any background image in place of white color.

Next, search for the following lines of code.

<dl id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>
<dt class=’comment-author’ expr:id='”comment-” + data:comment.id’>
<a expr:name='”comment-” + data:comment.id’/>
<b:if cond=’data:comment.authorUrl’>
<a expr:href=’data:comment.authorUrl’ rel=’nofollow’><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond=’data:comment.author == data:post.author’>
<dd class=’comment-body-author’>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class=’comment-body’>
<b:if cond=’data:comment.isDeleted’>
<span class=’deleted-comment’><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class=’comment-footer’>
<span class=’comment-timestamp’>
<a expr:href='”#comment-” + data:
comment.id’ title=’comment permalink’>
<data:comment.timestamp/>
</a>
<b:include data=’comment’ name=’commentDeleteIcon’/>
</span>
</dd>
</b:loop>
</dl>

You have to add Red codes in your html in the way i have shown above between the codes.I hope you will be able to do it.

If you have any problem leave your comments below.Best of luck!

20 Comments

  1. techyeh.com April 8, 2009
  2. Anshul April 8, 2009
  3. Choco April 8, 2009
  4. Anshul April 9, 2009
  5. Choco April 9, 2009
  6. Anshul April 9, 2009
  7. Choco April 11, 2009
  8. Daniel May 2, 2009
  9. agung kurniawan May 7, 2009
  10. Anshul May 14, 2009
  11. pigpigscorner May 23, 2009
  12. Blogger Nutshell August 5, 2009
  13. Anshul August 5, 2009
  14. Chic Mama September 6, 2009
  15. Anshul September 6, 2009
  16. Angie's Recipes October 31, 2009
  17. Anshul November 8, 2009
  18. Azura Ani Salaim August 7, 2010

Leave a Reply