1000+ Background Patterns For Blogger Comment Box!

Whether you like flowers, Christmas, EID, Greenery or Dark and light backgrounds then thankfully now you give any color and look to your blogger comment forms. The code that we previously released can be used to give any background pattern to your comment box you like. Some patterns were created by us and the rest have been taken from other sources. To add a different background pattern of your choice you can then search for it at BackgroundLabs which is an excellent resource for free backgrounds and patterns. You can choose from thousands of different flavours of background categories. The steps of adding them is extremely easy. Lets get to work then!

Blogger Comment Box Series

1. Customize Blogger Comment Form

2. Comment Form with Black Background Theme - Just like ours!

3. Over 1000 Background Themes For Blogger Comment Box!

4. Expand/Contract Blogger comment Box with jQuery

NOTE:

1) If you wish to try different mouse hover effects and add Admin and Spam Icons to your Comment Box then kindly read: Customize Blogger Comment Form

2) If you wish to Replace blogger comment form with Facebook Comment Box then read : Facebook comment Plugin For Blogspot

Add Background Theme To Your Blog

1. Go To Blogger > Design > Edit HTML
2. Backup your template
3. Click the "Expand Widget Templates" box
4. Search for this,

]]></b:skin>

    5.     Just above it paste this code,

#mbt-form iframe{
background:#ffffff url(IMAGE-LINK) repeat;
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;
}

Replace IMAGE-LINK with any of the backgrounds you may choose from backgroundlabs website or the ones I have shared below.
To change the HEXADECIMAL color of the text "comment as" simply change #2F97FF and to change the width of the box then edit width:560px .
     6.    Next search for this,

<div class='comment-form'>

     7.   Replace it with the code below,

<div id='mbt-form'>

    8.   Save your template and you are all done!

Backgrounds and Patterns

Happy Christmas Background

IMAGE LINK:
http://www.backgroundlabs.com/backgrounds/318.jpg

GARDEN

http://www.backgroundlabs.com/backgrounds/40.jpg

AQUA

http://www.backgroundlabs.com/backgrounds/434.gif

BLUE OCEAN

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4X1ctkWMS44SKWcPIEdrLmrPzWnmwNXMklOjZjbRIgNeZP3e9_I14LfqPFOtaHDmuB37onafGJ74oxrYL-hjEiQma6f4Mqri1EKbatX6ewzDgHtbmD_N3kWpnKb2xThlf03U1VPG0bBWr/s400/1.png

CHECKER

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijN0XC8_w4yH-2e_5WznJjvhs6y8-dt0xQKyJEmazWuRt9g_OZ9Rl-6IJ-BxHld-6_yRyWNtj3kL9uek3HH77yxq2My7xAzqB6FuDGhDEksbW6kOyIsXUkspuXvdYXeXKHc5q7g9_Z59Ck/s400/2.png

CHALK

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge7A6Uj2K_kRhf3CQnU6ZZA2bFsu4ywbZWEI6mswe_g6iRWBMOrK1O9Y1Vz9AY4bGOMla5JhFFOVCg9fAfmkkuSX7IEEjMkMRCj0zV1DzgMR9QUZIyyG9gVCVZioYLV09bPqOXL-0EsZ2u/s400/4.png

WOODEN

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgngOIu7UVDydetcam8QUJjUVL8F2FREXHoEJifuJdl-SlvX3t-0NMO4DYpDDLtnSD_SqdU8jjuEUBurLxOY7CQ_zpFqavyegx3T6B8r3mQdGYxnXGrzM_X-sPYPsqOL3unxIzMCBPwXFYi/s400/7.png

Blocks

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPpKNqKK4ltpqIfCqgm2oEstn0uyY0iRFhSnvlW9CSU4rQesewFgvV-QE7n3_CyK1KziguiJySiJu0ktG_UwNPTgQNO9xpXNnVXPoja6fJJ3TjQy6BWzzpknPzA8gF37DHAmZR-NPfHdUI/s400/9.png

TILES

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUdvy3qWPtPSbYKG6tAtjcPbnPtLjrq-MYYBhaTa3GQmCYJ8XojjLTBCFL9tPNp8iivqe3RRP-1uS4p4ohg-HXVUHbsrDEAbn2huViPf1VRDqMkSQMKlpiQZEg6nAci9gpWvS8m6EqNgeI/s400/8.png

METALLIC

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6yoMz2-EFACEhkz8WJGOFE_F1lsNQ254o3sCOAKc7gJFvJdHel4dmUeDlMo_e3wPHjR4lfZgDKjEkZpQ8RITh6wJ4nu90dC4J4ERTkO2gms55loBpk6acHcCrMi1ULCvBvjLXhw3v7sNu/s400/12.png   

What is Next?

I am a little busy these days else I would have presented some more excited variations of the same trick. In this weekend or next I will be sharing ways of branding the box with your blog layout. You can add your logos and other animated images to the comment form making it completely different in every style. Stay tuned.

SHARES

Share

Pin it

Tweet

Share

Share

Print

Buffer

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

Mohammad 9/19/2011