-

14 September 2012

Background Patterns For Blogger Comment Box!

VM | 9:30 pm |
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
Christmas Comment Box
GARDEN
http://www.backgroundlabs.com/backgrounds/40.jpg
garden
AQUA
http://www.backgroundlabs.com/backgrounds/434.gif
aqua
BLUE OCEAN
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2I-0VD1oq_VgheEVFRBbVg0Da5xK2W6YAl8GfQ-gl5q3ia5ks9-R82-MOpy8SlBL_dPz9c9bwyZ_RndjYpvO1QkjAqI5VfNfbL06O7kBczLTO4I90Sf43KWgElDnzs8XU_CLtA3cHLOim/s400/1.png
blue ocean
CHECKER
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZuAksqMrSgI_jncK0zP-2UeGro3Kg1st4QLF3Zbq_ROg0vkyWzcvNJowivEPTVTy0zwrYsCf-VbghcrOCGJPtoHCQLYzcCmVbSPZgGmrY73OB-oGSDakSiC6KhMQGuzlvBwSMxU1yFtLg/s400/2.png

checker

CHALK
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_UX3mQ6Wd53ty9AT1kEzBYam7yTiPtXUHRnPG_MoUsk9P9QekXRhvBGdO0zlv5sfbwy6w_ucqqDt87EWdyWZ6LU7ogeYDKuH2sEvJenVPzavj6ErZ79D7Mih2-geZTEfwVjit8h5HVZr4/s400/4.png
chalk
WOODEN
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXoG-qoYCffMGfSXukHb2e8B6P3lFxnPjbC6T10WrzMEUea7DFL40B6H0nqKJsNDzXT1rPVDV_DKeKo2exvqf7JqqFz9XXahBGybW5q2pxd1q5liGqWj5phdstc76Qo6O16otggV8XjJj5/s400/7.png
wooden

Blocks
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPoB7_aYg8ogGbXtBzQMOp3ryzBLjizO8Z6nORR2yqOF6wIgPghecwrNCXwzRr2BZQABJ-GAMSOavdc428mGrfiISH8WEXm5Txk6OSbACmh9QZ0smq_wTO2jiDDVV4jviW7yYFGhu7ky7n/s400/9.png
blocks
TILES
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp-S1y9mZsBPNCPCVrzmSlpiw4OQBelJJtobP-tT-qAZjtzcaFLicaZsjbRMov3BFMOTSrJQgIGW9QU4kcdCTNMrW3PBYzL4DoigOkU0amNYdsGpRSp-qnRqPU-j-76NvP7Z4ju8D-2lBe/s400/8.png
tiles
METALLIC
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyBhPXWL2T-xtDf4uVWbOUMnCrTJFCNaXvlhI8WOJ21-uXvuY2vRBL_UZvYOCPyXxsPf9D2LVZH8ZOymdocMpyzJtfuueOYcc3aMfqBPHqbOKRzfngAf4v3L8r7Fbh-yoHDKA5hL2MI9PY/s400/12.png   
metallic

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Subscribe Updates, Its FREE!