How To Customize Blogger Comment Box with Nice Background

How To Customize Blogger Comment Box with Nice Background
Let's start with the name of Allah. Hi! My name is Mubashir. In today's lecture. I serve you a small tutorial I've brought.This post about how to customize your comment box background. Actually default comment box isn't attractive.So most are like to change it.This is the tutorial for it.I made a post about How To Change Default Anonymous Avatar In Blogger Comments. You can follow this easy steps to add it to your blog.




How To Customize Blogger Comment Box with Nice Background














1. Log in to blogger Design > Edit HTML.

2. Find this tag by using Ctrl+F ]]></b:skin>

3. Paste below code Before ]]></b:skin> tag
#mbt-form iframe{ 
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSW6DuT_OrYcM0F0vWhbw1EIyBy-KT2ghvO4cC0P74WdvztR3xCZVX0s0b1Y6At7yJwMrdKRCTdFbe8BlihvmXgmCnkrvuZWQMH61SUwPVAgER1djbXG-idUQ90LSu7VLuMkHk-rpsQCik/s400/11.png) repeat-x; 
border:1px solid #ddd; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
padding:5px; 
font:normal 12pt "ms sans serif", Arial; 
color:#2F97FF; 
width:560px; height:213px !important; 
}
#mbt-form a{ 
color:#fff; 
}
4. Find again this code by using Ctrl+F <div class='comment-form'>
5. Now replace <div class='comment-form'> with below code

<div id='mbt-form'>


6. Now save your Template
You are done...