Friday, June 17, 2011
Change Author Comments Color Style In Blogger
Do you like this story?
Highlighting and customizing author comments differently from visitor comments is a very important step that you must take as soon as possible because this will make author comments more prominent to the visitors and will therefore encourage visitors to take part in the discussion and better communicate with the author. The blogger comment block consists of three important sections which are,
- 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.
]]></b:skin>5. Just above it paste the CSS code below,
.mbt-comment-body {Make these changes:
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, dashed or 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
<data:commentPostedByMsg/>7. Replace it with the following code,
</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>
<data:commentPostedByMsg/>8. Save your template and you are done!
</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,
Let me know if you faced any problem. Would be a pleasure helping you. In my next post I will share several ways of customizing author comments. Have Fun! :)
This post was written by: Rishikesh
Rishikesh is a 17 years old part time blogger, web designer and front end web developer. Follow him on Twitter