How to Highlight the Authors Comments In Blogger Blogs

Under the blogger comment form modernizations, here I’m going to discuss about highlighting the comments posted by the author. By that author’s comments will be differ from the user’s comment.
Main benefit is by looking at once anyone can identify the author’s comments and follow on that.

Also I know many blog authors will love if their comments will be little bit differ from the user, including me :)

1. Go to Layout >> Edit Html.

2. Check the "Expand Widget Templates"

3. And place the code below before the closing ]]></b:skin>

#comments-block .comment-body-author {
margin: 10px;
padding:10px;
border:#EFC2D0 1px solid;
background:#EFC2D0;
}

Please Note you need to change these style codes according to your site. It's not possible to give default settings as there are lots of custom templates out.

Now search for the following lines of code "

" and replace it with the following code.

<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'>

Next search for the code "<dd class='comment-footer'>" and replace it with the code,

</b:if>
<dd class='comment-footer'>

We are done with the editing and check how it works. All exciting comments also should appear with our new changes. :)

Bookmark & Share |