14 Sept 2012

Background Patterns For Blogger Comment Box!

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/AVvXsEiijSJVDu-JGgfJ-cpvJXWSDylvTxn89fX3M7JrDMsPNhFcBAMSDhyY9PHZHKYjNCa7iTO9LzFOJWvNrS9-B1e4f36o71LsZ9dIL2m3Aeq-yjh_lHfLv8zacplwBAfWuykPY9wvdzIvSKDe/s400/1.png
blue ocean
CHECKER
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4_3tIIfAAE75fPoR8GHeARArlT1jjWfbm7QQ6635lxheQw3-dA3CTu9dX6lJyExGUZfqGEAWuDc3Tmd7LTbP1BWMCBhO04KTJfxaPTJB102KDjSPmLi95ZJowgjQKgnlj-N7ssnHL_bVt/s400/2.png

checker

CHALK
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk1dh9oP1mJ_o5LO9n4YO378-AN0-iD_6PA4kflkavDbPIpEWPee2qELOdpb2qOvbSWjX8Kvmfyh9xajR5mnyfoX-u8Z1lPqSNQIJVxul45dRX1k52r1gd7zoBPtFyljv44a6Q7VtjJgVy/s400/4.png
chalk
WOODEN
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_KDgsnZSJxuqDPSrU9HQjGc-KoclHdzGy0M4q3JR3s8hTD8kHJCHl8vrE3hTZfgnsPvDJQuhPeO-cWqZy64yRI0KkF9lH1-YhFQsDtRrwA9N6DH0CtXPSDebck2eL8uqc-BmgongLgb2V/s400/7.png
wooden

Blocks
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS-UgCMbXkjrCD-dxcr6mj8DOhu0chYaF4ZbHGQkUB1bCB-JNP_o-7KrXKsZ3QYS8pA2qQvxYQwoGFAtU_P6oz0X4u4J3epKBt1GOZoadglJ2ufHQLtj-J6zjzp7FOv7wgN7muws_isev-/s400/9.png
blocks
TILES
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNkRs_LvHs5ekt547YFznf2FIuiFQll1F_wxtL-VNRr1Krhyqj3JZMZhydhj-4MnkRskdRDkzhJwwJ-nuDIzNozUiKDBM149_8TlVEWP89G1D7owVi-krSOPGPagKnj-XTqch8S64ao2ck/s400/8.png
tiles
METALLIC
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-5WRt7dL1taSwMnC91gmzeI-x8inMiMA0r-fC2g1BUoYzMWQ2NfgdRUi_QICIN0GLn6iuBK2thIgwW40hYurmu9R2zM6vWdE5jubM0NOvG2tlok9qfAv1L-VduUaEp3_b0fhZtu9vYlsQ/s400/12.png   
metallic

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Subscribe Updates, Its FREE!