Customize your Comment Style in Blogger

How to Customize your Comment Style in Blogger, This is Important to attract visitors and it help in colorful discussion with visitors. Edit and make it beautiful, Author and comment body. here the step have to fallow to edit and adding colors to the comment box.

Comment - Author , Comment - Body   

Steps : 

1. Sign in to your Blogger
2. Backup your Blog Templae
3. Go to Template and Click Edit HTML
4. Check the Box " Expand widget templates "
5. And Search for the ]]></b:skin>
6. Just Above psate this CSS code in your blog 

.KB-comment-body {
background: #FFFFFF;
color: #008000;
border: 1px solid #008000;
margin:0;
padding:0 0 0 10px;
width:520px;
}

Change the Background color - In Red color 

Change the Font Color - In Yellow colr

Change Border size " change 1px " , Change border style use " solid, dashed and dotted " and Change the color of the border change #008000 - In Violet color

Now search for this code in your template  :

Help of Ctrl+F find this 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>  

Replace the Above Code with this Code :

<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='KB-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> 

Next Save Your Template and See the Changes.