Adding background color to your sidebar is very important. This separates your sidebar from the primary content of your blog(blog posts). Not just giving an emphasis to your blog posts but also adding much more personality to the overall look of your site or blog. Putting a little gradient effect, i made some ready to use sidebar background images.
Width:250px
Click here to see the sample
How to install?
1. Locate #sidebar-wrapper on "Edit HTML" under layout tab.
2. Add the following code -> background:url(Image url);
3. The output should be something like this#sidebar-wrapper {
background:url(http://blogpoweredtest.googlepages.com/blue.jpg);
width: 250px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
REPLACE THE LINE IN RED WITH YOUR DIRECT IMAGE URL
( i recommend to host your image on Google Pages or photobucket)
Cool sidebar background images
Download Link
