How to Change Background Colour in Blogger/Blogspot

As 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

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:

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!

Tweet