How to Change The Background Color in Blogger?

By | June 7, 2014
changing-background-colorAs you might know each and every blog has a different background color and most of the templates do have backgrounds. Some designers set an image as a background, while you’ll find a lot of templates only with background colors. In blogger, if you’re using a default template from Blogger’s library itself then you can easily change the background color of your blog. You just need to go to custom designer and change every part of your blog including backgrounds. But the issue arises when you use a custom template, because blogger custom designer doesn’t support third parties’ custom templates. So in this case you’ll have to change the background for your blog manually by editing the CSS codes.

I’ll show you how you can find a background image in a custom template and also the color for background, you can change the color for background as well as image. Lets start the simplest trick.

How to change Blog’s Background?

Now follow simple steps below and change your blog’s background color or image:
  • Go to Blogger >> Template >> HTML >> Proceed
  • Search for body and you’ll find something similar code like below image
blogger background image
In above image you can clearly see that an image has been used as a background in the body selector. The body selector is a default selector in CSS responsible for the entire document. Now you can delete the existing image and add your own image for background. However, if you want to remove the picture and want to add simple colors then remove the all image address including the parentheses like this: (“http://were…wrerwer.e..ewr.wer.we..r.jpg”), delete the whole thing and replace it with a color name like red, blue, brown, green etc visit this page for color codes and names: click here 
Also check below screen shoot for another example of finding BODY selector in your blog’s template and its properties:
blogger background color
In above image instead of background image a simple color has been used and you can easily change it with whatsoever color you want. Just visit a given link in previous paragraph and find a huge number of color codes and names. In above screen shoot the #104E8B is a color code and you’ll just have to replace that with your desired color. After changing the code with yours must save the template and view your blog for seeing the changes.
Editor’s Views: 
It was just a simple thing, but it might have helped you a little. If so, then You can however follow us for future updates and blogger tricks. Peace Out!


Category: Blogger Blogger Tricks Tags:

About Haiinteractive

Haiinteractive , for the past five years we have been in the IT industry with passion for web designing. We are passionate about bringing together our product engineering and management skills to create innovative solutions. Currently we are doing template selling, domain name selling. Our main focus is on providing high value services ranging from web designing, developing & maintaining, Web/Mobile Applications Development, Internet Marketing/SEO services and also other web-based industry specific products for businesses.Follow Us: Twitter : Facebook

2 thoughts on “How to Change The Background Color in Blogger?

  1. adil

    That’s great, glad to know that you are back to posting awesome blogger tricks

  2. muhisra74

    This article makes the blog look more beautiful, by the way if the image selection must use a high resolution? I am concerned, the display will be bad.


Speak Your Mind