Friday, June 27, 2014

How to Change The Background Color in Blogger?

Every blog has a similar 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 fraction of your blog include background. 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. Let’s start the simplest ploy.
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 on top of image you can visibly see that an image has been used as a background in the body selector. The body selector is a default selector in CSS accountable 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, 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.