How to Add this ?
There Are Two Steps For This Hack- Adding CSS Code
- Adding Xml Code
First Step:-
Backup your template before applying this hack
Second Step:- Adding CSS code
- Login to your Blogger Dashboard
- Select Design Section
- Choose Edit HTML tab
- Check Expand Widgets (i.e., Tick Expand Widgets check box)
- Find ]]></b:skin> Tag in Your template
- Add Bellow code Before it
.comment-body-author {
background: #CEF6E3;
border: 2px solid #FA5858;
padding: 5px;
}
#Change Background and Border Colors as you needNow Save your template
Third Step:- Adding Xml Code
Add this code very carefully
- Find the following section of code in your template
- I am not sure the code exactly like bellow
- But <data:comment.body/> tag must present in code
- So Find <data:comment.body/> tag and then select entire code like bellow
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p></p>
</b:if>
</dd>
After finding code successfully then Add Bellow code Before it
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
and Add bellow code After it
</b:if>
After adding Above two codes then
Save your template and check your Comments
Your final change in code like bellow
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
</b:if>
Any difficult to install this then don't hesitate to ask me via comments.