Wednesday, 13 February 2008

How to change sidebar color in blogger

Changing color of sidebar is one of the easiest thing in redesign of standard blogger template.
But if you don't know HTML it can be hard for you, so this is another web design tip for you.

It's really easy, follow this steps:

1. Go to Blogger Dashboard and choose your blog.

2. Go to 'Templates' (or 'Layouts') and click on 'Edit HTML'
Also save your template on your computer.

3. Next find sidebar CSS style, its look like this (if you are using standard templates) #sidebar-wrapper, but if you are using your own or one of the free templates from internet, CSS style can look different, but ( I think) it must contain word #sidebar.

4. Now you see that it have some parameters (width, float and bla bla bla), you need to add new parameter - background-color - it is easy, just add background-color: #CCCCCC; in new line, but before } . (#cccccc - it is the color number, you can change it to your own color)

5. Now you can save your changes.

Also read about 'How to change Sidebar width in blogger'



Anonymous said...


vickim57 said...

Yes, thanks very much! this worked for me... after a little thought.

Kirigalpoththa said...

thanks for the help. This worked :)

sm said...

Thanks a lot for your Article, it helped me a lot!

waqar said...

Thanks. help me. :)

judkis said...

This is great,very useful,thanks!

Nikki said...

For people using the simple template: it's under /* Columns and you have to add this backgroundcolor thingy for both columns =)

shahbaz said...

great article
if anyone find nay problem the visit:

Emmanuel said...

Really effective data, thank you for the article.
here | | here | | here | said...

To my mind everybody have to glance at it.

Bruno said...

Well, I do not really suppose this may work.
youtube converter