Add a Background Image to Gadgets in Blogger Sidebar

Background Image to Blogger Sidebar Gadgets :
You can add same background image to all side bar widgets on your Blogger blog. We already discussed about adding background color to a widget and to your Blogger sidebar. Now I'm going to discuss about adding background image to your Blogger sidebar widgets. You can also add specific background image to a specific widget on your blog.

How to Add a Background Image to All Gadgets in Your Blogger Sidebar:

With simple CSS code we can add background image to all gadgets in your blogger blog. Two methods are there to add this simple code to your Blogger. First method is, adding through Blogger Template Designer. Second method adding directly to your Blogger template code. Her I'm showing you first method.

Follow below steps to Add a  Background Image to Gadgets in Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Customise button under Customise click on Advanced tab

Step 4 : Click on Add CSS under Advanced options

add below CSS code on CSS box

.sidebar .widget {
background:url('your background image URL')repeat;
}

Step 5 : Click on Apply to blog


Note: To stop image repeatedly replace repeat with no-repeat in above code.

2 comments:

  1. Your Blog has Great Info. You should improve its look. Remove the bar above header, get google authorship.etc

    ReplyDelete
    Replies
    1. That's right.Site Template also plays a major role in traffic.See my blog http://completepcguide.blogspot.com/
      You can free download my site template.

      Delete