17 February 2009

How to change background color of blogger template?

Hi guys, you can easily change background color of blogger. For this you have to edit the blogger template.

Here are those easy steps -

1. Login to Blogger > Layout > Edit HTML

Now look for this

body {
background:$bgcolor;


You can find HTML color code value here

Say you have selected this color #66ffcc

Now change the above code to

body {
background-color:#66ffcc;

To change color of sidebar add the color code under the relevant sidebar heading

#sidebar-wrapper {
background-color:#66ffcc;


Change background color of main post column

#main-wrapper {
background-color:#66ffcc;

After desired changes save the template.

Related Posts

26 comments:

Awesome Tip it worked for me perfectly!!!!

@ Anonymous.... many HTML tricks dont work in IE

thanks so much

great help, i managed to change all the colors of my blog www.ideasbubble.blogspot.com

keep it up

It only changes the bottom half of my background when I do this. Might there be a second place I need to change it? Thanks!

@Anonymous: Download FireFox or Chrome

Thanks for the tip on changing the sidebar wrapper color, but now all my widgets and side bar content is too far left. Can you tell me how fix that?

just try to adjust the margins for your sidebar wrapper.

I want change body post letter..how it is possible can plz help me?

@ রেজওয়ান

Did you mean you want to change the font of main posts or background color?

@drraman, I want to change font color of main posts.
this is one of my blog post here the posts fonts color(Gray) is not purely black. I want to make it black how it is possible.
Waiting for your response.

Go to Edit HTML

and look for

#main-wrapper {

below it look for a line that have

title

change font color here.

i downloaded a template that am using in my blog, but the color change stuff didnt work, i usd chrome and mozila it still wount work. what do i do. www.loveswaggs.blogspot.com

actually your background is image not html color....you can change color of image.

Hi. I cannot find this anywhere in my html edit page

body {background:$bgcolor;

Any clue where it would be located?

try searching (Ctrl+F) "bgcolor" or simply "color", there must be one "color" defined for background...tell me if it works.

nice tips for changing the bgcolor it's working with my blog .

thanx

actually your background is image not html color...

Muchas gracias. Thank you so much. You really help me . Now I have the color I want in the background. :)

its not working i changed value in variable declaration also but it won't work

Simple ....but a useful post....thankx a lot.
www.fishclickbd.com.......

My html doesnt have the code: body {
background:$bgcolor; in it.

try searching (Ctrl+F) "bgcolor" or simply "color", "background"

there must be one "color" defined for background...tell me if it works.

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More