How To Highlight Author Comment in Blogger

	Share
Tweet

In the blogger comment form, there is nothing to distinguish whether the comments from the blog author or blog visitors. If you wanna highlight blog author comment in blogger comment form, you can highlight it by follow this tutorial provided. 

Author comment highlighted!

Just need to add a little blogger hack code. Let's start :

1. Go to your Dashboard >> Design >> Edit HTML >> Check Expand Widget Templates.

2. Search this code (Ctrl + F), </head>


3. Then, add this code below, above it :

<style>
.comment-body-author {
background: #FEF9EA;
color: #333333;
border-top:1.2px dotted #002F66;border-bottom:1.2px dotted #002F66 ;border-left:1.2px dotted #002F66;border-right:1.2px dotted #002F66;
line-height: 1.4em;
margin:0;
padding:0 0 0 20px;
}
</style>

You can change : 
#FEF9EA = background color
#333333 = text color
1.2px = border size


You also can use image as a background, use this code :

<style>
.comment-body-author {
background: #FEF9EA;
color: #333333;
background: url(URL OF YOUR BACKGROUND IMAGE) ;
border-top:1.2px dotted #002F66;border-bottom:1.2px dotted #002F66 ;border-left:1.2px dotted #002F66;border-right:1.2px dotted #002F66;
line-height: 1.4em;
margin:0;
padding:0 0 0 20px;
}
</style>

4. Once it done, find this code or something like this :

<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' expr:id='data:widget.instanceId   data:comment.cmtBodyIdPostfix'>
<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>

You only need to add the red code correctly!

5. Save your template & DONE!


Now, your comment will be highlighted as blog author.