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 {

You can find HTML color code value here

Say you have selected this color #66ffcc

Now change the above code to

body {

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

#sidebar-wrapper {

Change background color of main post column

#main-wrapper {

After desired changes save the template.

Related Posts


June 25, 2009 at 12:21 PM

doesn't work in IE.

June 27, 2009 at 11:38 AM

Awesome Tip it worked for me perfectly!!!!

June 27, 2009 at 7:48 PM

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

October 29, 2009 at 10:25 AM

thnx, it is great

November 17, 2009 at 2:13 AM

thanks so much

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

keep it up

December 1, 2009 at 2:11 PM

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!

December 30, 2009 at 8:26 AM

@Anonymous: Download FireFox or Chrome

January 11, 2010 at 8:42 PM

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?

January 11, 2010 at 10:22 PM

just try to adjust the margins for your sidebar wrapper.

June 14, 2010 at 10:47 PM


March 11, 2011 at 12:25 PM

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

March 11, 2011 at 11:10 PM

@ রেজওয়ান

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

March 12, 2011 at 4:30 AM

@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.

March 12, 2011 at 5:59 AM

Go to Edit HTML

and look for

#main-wrapper {

below it look for a line that have


change font color here.

July 31, 2011 at 9:08 PM

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

July 31, 2011 at 10:47 PM

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

August 1, 2011 at 7:27 PM

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

body {background:$bgcolor;

Any clue where it would be located?

August 1, 2011 at 8:48 PM

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

August 2, 2011 at 5:53 AM

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


September 16, 2011 at 12:55 AM

actually your background is image not html color...

October 5, 2011 at 6:02 PM

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

October 11, 2011 at 4:20 AM

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

November 3, 2011 at 9:15 AM


November 26, 2011 at 4:22 AM

Simple ....but a useful post....thankx a lot.

January 13, 2012 at 9:13 AM

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

January 13, 2012 at 11:23 PM

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

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

March 5, 2012 at 11:04 AM

thanks for the awesome post......

every thing is fine but i can't find this "#sidebar-wrapper {
background-color:#66ffcc;" in my blog


March 6, 2012 at 6:59 AM

just look for

March 9, 2012 at 8:51 PM

my blog is not loading in mozilla firefox 3.5 can i have any help


March 9, 2012 at 10:16 PM

it is loading well on Firefox 4, get it.

Post a Comment


Twitter Delicious Facebook Digg Stumbleupon Favorites More