- 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;
}
- Now 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><data:comment.body/></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
<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>
0 comments:
Post a Comment