Adding A Customized Comment Form To Your Blogger

1. Go To Blogger > Layout > Edit HTML
2. Check The Box “Expand Widget Templates” at the top right corner.
3. Search for the code below,                                  Tip:- Press Ctrl + f

<div class='comment-form'>

     4.   Replace this code with the code below,

<div id='mbt-form'>

     5.   Now Search for ]]></b:skin>
     6.   Just above ]]></b:skin> paste the CSS code below,

#mbt-form iframe{
background:#ffffff url() no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px; font:normal 12pt "ms sans serif", Arial; color:#7EB2AC; width:450px; }
#mbt-form iframe:hover{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoaGknW7YpCLb8Rftypb8DCASWpyr0V0hLjaYpXQUQLrwP2gL9tYa39-ajY0tPF6zivBlyBILCpfQXikKuV7fJrUxIh8gSrX2VCfAH0TDs6JgP62LmPfkazPSzjQA9ocU5dq7LrGJp-mY7/s400/plz-do-not-spam2.gif) no-repeat bottom right; border:7px solid #7EB2AC;
}
#mbt-form a{
color:#7EB2AC;
}

     7.     Save your template