Blogger Comment Box Black Background

I agree with the fact that Blogger.com default comment box isn't very attractive and most people wanna change their Blogger comment box's Background. I am providing you this cool tip which would turn the Blogger default Comment Box with a beautiful and attractive "Black Background" Blogger comment box. Follow these steps:

       Blogger Comment Box Black Background

1. Backup your template
2. Go To Blogger > Design > Edit HTML
3. Click the "Expand Widget Templates" box
4. Search for this ]]></b:skin>
5. Just above that place the following code:

1. 
   #mbn-form iframe{ 
   background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihdxm4PWFCY992c8OYWU0mDe8h1vdzcmGeHl4xx8yK0vSMA_FL_pwhaKbHX5VW-Pw_GklWI8Db1NOfdfwsDGzwtYnboyMCzBqEC63N7AQDR-IlXpi2Dj1iZr_x-DjN1nBvETFPBSO0orV4/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; 
   }
   #mbn-form a{ 
   color:#fff; 
   }
   
   

Change the color of the text "comment as" by replacing 2F97FF
To change the width of the box then edit width:560px. (Leave other things as it is for better and clean look.)

    5. Now search for this

<div class='comment-form'>

Replace it with:

<div id='mbn-form'>

     6. Save and you are done.

You can add different cool background patterns to your comment form, check out:
5 Attractive Background Patterns for Blogger Comment box

Image and CSS coding by MBT.

Enjoy Pals!

Peace and Happy Blogging.