How to add/change background Image In Blogger

With the recent drop in prices in computer hardware, including monitors, a number of people have shifted from 15" or 17" to 19" or even to 22" monitors, and so they usually set their screen resolutions to 1024x768 or higher. But that doesn't mean there's no one with resolutions lower than 1024x768.





If you see the stats of my own blog, then out of 500 visitors, approximately 50% of them have 1280x1024 resolution, but another 50% of visitors have either lower or higher than that.

Mostly people optimize their blogs for a screen resolution of 1024x768 or 1280x1024, as maximum visitors usually set their screens at this resolution. Now visitors with lower resolutions will see two scrollbars at the right corner and at bottom.
But a problem may arise with visitors with higher resolutions, as they will see a blank space in the corners and edges of the screen, which may spoil the overall look of the blog.
To avoid these circumstances, you should add a background image to your blog.

Blogger, by default gives a background color, which looks very boring so follow these steps to change it and show a beautiful background image.

Log in to Blogger, then go to "Layout" section, now click on "Edit HTML" link.
Then find this line:

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: #fff;
background: url('http://www.................png') repeat;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

or

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

The code may not be exactly the same, so search/find for "background", by CTRL+F method, and check if it is the background: part of "Body {......"

Now change that background line to like this:

background: url('http://DIRECT_LINK_OF_ANY_SMALL_IMAGE') repeat;

The background image will not be displayed in Internet Explorer, if you do not give "space" after the url bracket closing and repeat.

You can use download images from here:
Background Images 1
Background Images 2

Blog Admin : Divya Sai

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Posts