Change Comment Form Style/Background in Blogger.

By Default blogger provided a simple Comment From of small size and having transparent background. In order to make it much more interactive you can change its appearance according your needs. You can change its background, its height, width etc manually. Just follow the steps and create an interactive comment form with custom background. You can change the font color, text color inside comment form also. I hope you will like it.

Steps to Change Comments Form Style:

• Go To Blogger >> Design >> Edit HTML.
• Backup your template before making any changes to it.
• Click the Expand Widget Templates box.
• Search for:-   ]]></b:skin>   using Ctrl+F.

Just above  ]]></b:skin>  paste the following code:

#LBT-cmntform iframe{
background:#ffffff url(https://lh5.googleusercontent.com/-Y33VQWszaaw/T-qlg0b_LOI/AAAAAAAACCs/Fh8i3TtIdQ8/s235/cmntt.jpg) repeat-x;
border:1px solid #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
font:normal 13pt "ms sans serif", Arial;
color:#FFF ;
width:590px; height:215px !important;
}
#LBT-cmntform a{
color:#fff;
}

• To change the color of the text "comment as" simply edit FFF and to adjust the width of the box then edit width:560px. 
• Next search for:- <div class='comment-form'> 
• Replace it  with the code :-   <div id='LBT-cmntform'> 
• Save your template and you are all done!

And you will get a cool Comment Form as shown in below Image-

I hope, you will like it.