HIGHLIGHTS AUTHOR COMMENTS IN BLOGGER

Nowadays, i am not busy and i spend a lot off time toblogger.com. Previously, i wrote on How to warn your blog visitors from any type of prank. I will tell you today that how to highlight blog author comments in blogger. Blog author comments are specific and visitors must have to know that this is the comment of blog author otherwise they can,t understand your blog easily. After doing below method, your comments will look different from others.

Highlight Blog Author Comment

1. Login to Blogger >> Go to Template and click on Edit Html.
2. Check Expand Widgets Elements.
3. Copy the below code and put it before  ]]></b:skin>

.author-comments {
background: #ffffff;
border: 3px solid #666666;
padding: 5px;
}

4. Then find 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'>
<b:if cond='data:comment.authorUrl'><data:comment.author/><b:else/>
<data:comment.author/>
</b:if>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<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-timesstamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

5. You have to add blue code at the same position and your position must be correct.
6. Now you can see changes on your comments in blogger.
                                  Please give your feedback for this beautiful tip.