Make Highlight Comments Author

Trick Make Highlight Comments very useful. Functions if there is a visitor who asked him through the comments and we answer it, our comment will marked as a special border given that readers easily find comments from the blog author.

How? Interested? Follow these tricks to make:

1. Log in to Blogger -> Layout -> Edit HTML.
2. Checklist on the Expand Template Widget. Then find the code ]]></b:skin> .
3. Paste this code before the code ]]></b:skin> .

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

4. Next find the code below. Perhaps the code in the template you were different, but try to find a code similar to the following:

<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. See, the code red is the code that you must add in the HTML you. The position must be correct.

6. Save.

To make this effect, you must give comments after log in to your BLogger Account,

Good Luck!!