Recently I've posted a tutorial on how to add a black theme background to Blogger comment box, using that code, now you can add any background pattern to Blogger comment box. I've mentioned below, 5 very attractive background patterns that you can add to your Blogs.
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 #FFFFFF and to change the width of the box then edit width:560px .
6. Now search for
7. Replace it with
8. Save your template and you are all done!
Floral
Wire Fence
Metallic
Stripes
Metallic Grid
If you have any problem adding those backgrounds to your Comment box or you have any other query regarding this post, you can ask freely. :)
Add Background theme to Blogger Comment Box:
- Go To Blogger > Design > Edit HTML
- Backup your Template.
- Click the "Expand Widget Templates" box
- Search for ]]></b:skin>
- Just above it paste this code,
#mybnews-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:#ffffff; width:560px; height:213px !important; } #mybnews-form a{ color:#fff; }
To change the HEXADECIMAL color of the text "comment as" simply change #FFFFFF and to change the width of the box then edit width:560px .
6. Now search for
<div class="comment-form">
7. Replace it with
<div id="mybnews-form">
8. Save your template and you are all done!
Background Patterns:
Floral
Image URL: http://1.bp.blogspot.com/-TjJflzKETo4/ToB8PzdeWdI/AAAAAAAAAO4/e39aQolo8c8/s1600/238+%25281%2529.jpg

Wire Fence
Image URL: http://3.bp.blogspot.com/-9J_2sSAD-Wg/ToCAy4hppjI/AAAAAAAAAPM/3FKPo9TZoFU/s1600/153.jpg

Metallic
Image URL: http://2.bp.blogspot.com/-nvs8ifZy9o8/ToB8Oh9jvoI/AAAAAAAAAO0/fPxeGXUTsG0/s1600/12.png

Stripes
Image URL: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiMIMhIC2XIbjMvSt6ZW5hwjZh7GXwbkgXoLFvCRdXHUfv59wlBFfn2YSw7ipTcD08VZNcMgbcAXUNV67TWEYqEsdDET3F5OWntDTlG997B8J4v26WU2S96rJadxxOoyad_eHDEjeLvTDt/s1600/152.jpg

Metallic Grid
Image URL: http://3.bp.blogspot.com/-MayXHtLb8pA/ToCDZM4EUjI/AAAAAAAAAPU/qXueR9EGUks/s1600/115.jpg

If you have any problem adding those backgrounds to your Comment box or you have any other query regarding this post, you can ask freely. :)
Enjoy Pals!
Happy Blogging!
0 comments: