- Comment-author
- Comment-body
- Comment-footer
Highlight and Customize Comments in Blogger
- Go To Blogger > Design > Edit HTML
- Backup your template
- Check "Expand widget templates" Box
- Search for this.
5. Just above it paste the CSS code below,]]></b:skin>
Make these changes:.mbt-comment-body {background: #FFFFFF;color: #008000;border: 1px solid #008000;margin:0;padding:0 0 0 10px;width:520px;}
- To Change the background color of author comments change #FFFFFF
- To change font color change #008000
- To change border size change 1px, to change border style change to solid, dashedor dotted and to change the color of the border change #008000
- To change the width of the comment body change 520px
6. Next search carefully for this code in your template,
Tip: Press Crtl +F and search for one line at a time
7. Replace it with the following code,<data:commentPostedByMsg/>
</dt>
<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>
8. Save your template and you are done!<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='mbt-comment-body'>
<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>
Visit your blogs and see that the author comments now look something like this,
Thanks for the tip, worked just fine. One comment though: I don't know why, but the footer had a problem and overlapped with the following comment. I solved it by copying the normal comment footer settings and adding the background color.
ReplyDeleteSEO Services
very informative articular, Thanks for sharing this
ReplyDeletehttp://www.mybloggertools.com/