Blogger hack: Highlighting & Customizing Author/Admin Comments in Blogger Posts

Even wondered how it would be to see your blogger comments stand out from the rest when you are the Author of the blog?There is also a really cool method which as usual involves tinkering with your blogger template so make sure you download a copy of the template.So to Highlight the Admin/Author comments:
Step1: Go to Design-->Edit Html-->Click on Download Template.Always save a back up of your template first.  


Step2):Now search for the following Using (Ctrl + F):

]]></b:skin>

Step3): Copy the following code directly above the earlier code:

.comment-body-author {
background: #ffffff;
border: 2px solid #666666;
padding: 5px;
}

Now If you want to display an Image in the background to then replace #ffffff(white background) to background: url(http://DIRECT_LINK_OF_THE_IMAGE.jpg) ;
Step4)In case you plan to Change the Text color then search the following code & add the ones displayed in red for you:

<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>
<data:commentPostedByMsg/>
</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>

Now all that;s left to do is save the template.Now in case of any issues feel free to Holla @ me.