Add a Background Image to Gadgets in Blogger Sidebar

Background Image to Blogger Sidebar Gadgets :

You can add same background image to all sidebar widgets on your Blogger blog. We have already discussed adding background color to a widget and to your Blogger sidebar. Now I'm going to discuss adding background image to your Blogger sidebar widgets. You can also add a specific background image to a specific widget on your blog.

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

With a simple CSS code, we can add a background image to all gadgets in your Blogger blog. There are two methods to add this code to your Blogger. The first method is adding it through Blogger Template Designer, and the second method is adding it directly to your Blogger template code. Here, I'm showing you the 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 the "Customize" button. Under the customize menu, click on the "Advanced" tab.

Step 4 : Click on Add CSS under Advanced options

Add the below CSS code to the CSS box:

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

Step 5 : Click on Apply to blog


Note: To prevent the image from repeating, replace "repeat" with "no-repeat" in the above code.