Whether you like flowers, Christmas, EID, Greenery or Dark and light backgrounds then thankfully now you give any color and look to your blo...
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
2. Comment Form with Black Background Theme - Just like ours!
3. Over 1000 Background Themes For Blogger Comment Box!
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{
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/AVvXsEgTk0VKUlp6u_HdS56wWu-_m_dtV-cmXSFlxcwn2M22isMfiknpKKFAPwx3TJkmULbQdBCMLHDSu2wXHs1SW78LszU-4pDgC1m8gatHWrcrALTP_Xdui9S6iwzvTZP89s8TDGpIYRP8Y9tl/s400/1.png
CHECKER
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggAiSYsDYMY8MTlj4UCFUL1kRu7KbzuLWyvHe012j65cJYRuVMJpnKIVOB0uzYULSCVG5KaBcMABZ7GgB6diE3DjpTSj2lL1Z4ZamPqa7samp1mpe1LeYrMx692-E-E9fc_74EwYpK02ZN/s400/2.png
CHALK
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZgCwAIGAJs4fubwT7N-K8dwqIBJHzfpxNklI4V5S-iJzdxLdFSOM_xzgPjg7HLwC4x5Ozsi1FtE54k8C8BiNDC4eByzCuswqosiMXteYTOCblsUNxK75ivn7AXPK9suSaNn0jiwgbDTn_/s400/4.png
WOODEN
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5QsjhCV1iD00i11QMv8WSFsm-XiKKgYYs9o7rWHVtdkJ1RGRZpQfD4HOZ4AjaGMW7hEPSEwXXuqOUzSX9MFWuscryrGP-Ys4xrcwlPJ9xzRmhPBMPqk9pjeKCPkPqY7JPMaayy-D62VK_/s400/7.png
Blocks
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiipwxBRvIrERt6Mo2MKai5bX1lHpDNP353vxgaVHY9tj-oaGgDIwdOjhycX5nPfMUpfW0FUiZl2hDUJXoMOKpzRiN1bCXf0RidLYkgM_vyN8lk8imJKaeSEoAT5n121ax1psfimxvg8SCt/s400/9.png
TILES
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFf0Ml14ltTP8jdWj6_Q_AR-hhvS2ItBB5sE6FnAeTPFT9RdqJHv-JG96tcMYlWcEAIqauIjK-O4FibxbBHcAdYypqI6QvijDuDNTYYWCEbJjG5k4Uf86fmKAdxDTZqyDL3A_Ww452gIPt/s400/8.png
METALLIC
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfarY29TnIkXWknCh0SGXstk3DdaTOVNPEcea0tXmYkwk4IitvWvA-gBlM6-r9pYAK-6yt4JVQ7lSLY59dOWuAtEF5KEj-DhGzKTqY1DUamLkMX9ZuhfLr_n54SQRqx2Ot7KajzemHpufp/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.
COMMENTS