RSS2.0

Blogpowered

Cool sidebar background images


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


Download Link


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)




Related Posts by Categories



Widget by Hoctro | Jack Book