Get the latest updates from us for free

Sign-up for FREE weekly Newsletter.

5 Attractive Background Patterns for Blogger Comment Box


Filed Under: , ,

 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.


Add Background theme to Blogger Comment Box:

  1. Go To Blogger > Design > Edit HTML
  2. Backup your Template.
  3. Click the "Expand Widget Templates" box
  4. Search for ]]></b:skin>
  5. 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; 
}

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

<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:

Confused? Feel free to ask

 

Copyright © 2012 All Rights Reserved. Any Article on This Blog can not be repost or reproduce in any form without the permission of Author.