Distinguish author comments on blog

Highlight Author Comment function is to comment author / blog owner is different from other people comment or distinguish author comments on blog. Examples can be seen on this blog. For owners of blogs have commented border and other effects. Here I will give way to make this Highlight Author Comment. Everything's ready?

1. Login to blogger trus to the menu "Layout -> Edit HTML"
2. Tick the box "Expand Widget Templates"
3. Copy the following script code before ]]></ b: skin> or copy to the CSS code.

.comment-body-author {
background: #E6E6E6; /* Colour Background */
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;
}

4. Then look for the code as follows. Perhaps the code in your HTML will be different, but although different try the same search with the following 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>

5. Green code is the code that you must add the code

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

in your HTML. Position must be correct, remember that.
6. If you've kept stored template.

Note: this method only applies to the original comment was not inherited from blogspot to a comment from a third party.