17 February 2009

How to change background color of blogger template?

Advertisements

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

Newer Post Older Post Home

30 comments

Reply
Anonymous
June 25, 2009 at 12:21 PM

doesn't work in IE.

Reply
Andrea Ugalde - LoseWeight45.com
June 27, 2009 at 11:38 AM

Awesome Tip it worked for me perfectly!!!!

Reply
drraman
June 27, 2009 at 7:48 PM

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

Reply
Anirban Chaudhary
October 29, 2009 at 10:25 AM

thnx, it is great

Reply
Peter J
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

Reply
Su
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!

Reply
I 4x3r0 I
December 30, 2009 at 8:26 AM

@Anonymous: Download FireFox or Chrome

Reply
Tinsel & Tine
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?

Reply
drraman
January 11, 2010 at 10:22 PM

just try to adjust the margins for your sidebar wrapper.

Reply
MC
June 14, 2010 at 10:47 PM

thanks!

Reply
রেজওয়ান
March 11, 2011 at 12:25 PM

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

Reply
drraman
March 11, 2011 at 11:10 PM

@ রেজওয়ান

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

Reply
রেজওয়ান
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.

Reply
drraman
March 12, 2011 at 5:59 AM

Go to Edit HTML

and look for

#main-wrapper {

below it look for a line that have

title

change font color here.

Reply
loveswaggs
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

Reply
DrRaman
July 31, 2011 at 10:47 PM

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

Reply
Aaron H.
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?

Reply
DrRaman
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.

Reply
html color
August 2, 2011 at 5:53 AM

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

thanx

Reply
Kanker
September 16, 2011 at 12:55 AM

actually your background is image not html color...

Reply
MaryJose
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. :)

Reply
Admin
October 11, 2011 at 4:20 AM

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

Reply
sentuhan ajaib pasutri
November 3, 2011 at 9:15 AM

sensasional

Reply
PRODIP
November 26, 2011 at 4:22 AM

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

Reply
TwinkleFairy
January 13, 2012 at 9:13 AM

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

Reply
DrRaman
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.

Reply
INVENTOR
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

cyberfinger.blogspot.in

Reply
DrRaman
March 6, 2012 at 6:59 AM

just look for
sidebar-wrapper

Reply
tejus mahi
March 9, 2012 at 8:51 PM

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

www.techiedas.blogspot.com

Reply
DrRaman
March 9, 2012 at 10:16 PM

it is loading well on Firefox 4, get it.

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More