http://www.mybloggertricks.com/2011/09/1000-background-patterns-for-blogger.html
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!
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!
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
- Go To Blogger > Design > Edit HTML
- Backup your template
- Click the "Expand Widget Templates" box
- Search for this,
]]></b:skin>5. Just above it paste this code,
#mbt-form iframe{Replace IMAGE-LINK with any of the backgrounds you may choose from backgroundlabs website or the ones I have shared below.
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;
}
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 BackgroundIMAGE 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/AVvXsEhTz-Uil4EgSILs9s1pfH-UhMCgh_4nYXZE-ccj0xvzWubQR6oYejZ4sz5pKlse4ixiVyp1MbSE0_V4VvZrbopKhjQh1PEVZyd2Q0tgCzj5sFFh1v9iMgBw0jhZmMaslPeBPffJAH2Gc8HZ/s400/1.png
CHECKER
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihQMuT4GM381-ZBjED231WYEs9bN8r0G8y6cu3dVATzHQygDHDcXTc8Wem95jDFy4lyinjCF_GKNgIuY53YeqCY4rl-Rl2Uk7W2Ubk6VobjIW_DMP9TImwcjDcY2Twqb3C29QHP0GSWf7A/s400/2.png
CHALK
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7wHj7oDqWRkV_p__T-7AuV7ui_UQhTpfdDAVOhekGsUvsEDhHSHtGeR9_6Xh87waJ_CAj6rwT_jEFvLoCrVK2JIsXIxWfHBCU8SOFKy2DXBNE4PVbt8SDcJxqI8fNSB6a2olVAdDIz_Jp/s400/4.png
WOODEN
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdC3bRbLhY7a9mFhp0RXTS6Fnk27f31NudzQALIqs8miBXPA2n7VJ5VxiyhCkGUHDU3EFxmfxKBx8xpwDfrs0YI4F3GoVVhdipkk8YVJgiUQc6ncKPrN8r1FYrqPyL-AoaDsxSc2YoygGf/s400/7.png
Blocks
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiE5KQEgN9zIOXfCWOArxQfR34jd0Yq91iJwRheOASW2-kcKKGU_jmrJ9sWZp-Uv5aU4R0-2uUBWWfvqc3_NWd7VFbcH0FkrXeuOkvlJFgcjoKk5YOHVLdvN3ygQ4F81z_u5WL-lAVI63B/s400/9.png
TILES
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3cqZ7BXhiOEOxM904M-_TWSQ8C-WaUS6LW0OljbDnwyxJVYBoVLtSFRyYr5v8-5lbzYWzpv5XwKTfkhsZX-FqCIaaGnmy9E84GATYvbqmprxy3zzaw8VV1nMj1lGW_-IlIvMq_aB_xxqk/s400/8.png
METALLIC
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsbEyBToW9w-z2AAx4ell_DPszhIL8qqSyO0kV7jvn-5I3_PJdEWDTLYtZW3VMbltX6xKa4C0xXgEojQeCPDBGtwXrEPFMEyl96hyphenhyphen0SFUPv8kg79VRDbYuNp2Uja1eBYwdZfgwVyoH0Rl2/s400/12.png
