Highlight Author Comment

Highlight Author Comment. This will make the blog's owner comments looks different from the visitors comments. Here is what to do to make a "Highlight Author Comment" effect in Blogspot.

1. Login to http://draft.blogger.com
2. Go to "Layout > Edit HTML"
3. Check the "Expand widget templates" box.
4. Copy this script

.comment-body-author {

background: #E6E6E6; /* Background color*/

color: #000; /* Text color*/

border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;

margin:0;

padding:0 0 0 20px; /* Posotion*/

}

Note : put it before ]]></b:skin>

5. Find this 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>

said...

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

Note : to find code you can do with key ctrl+F
6. The orange color text is the code that you have to add to your script. The position must be right.
7. Save your template.

Note : You have to login into your blogger account before to give comments.