How to set a Back ground image in BlogSpot blogs

Background images would do a lot in improving the displaying content of your blog. Chosen the correct kind of the background, It will not attract visitors but it will force visitors to stay in your site for some more time.

Here is how you add the background image to your blog post,

First upload the image to any file hosting like photobucket, Google pages etc and get the link of the image.

Login to Blogger (BlogSpot) and go to layout > edit HTML.

Always back up tour template before editing it.

Check the show widget templates check box (recommended but not needed).

Then search your template until you find the following code:

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


In the above code replace “background:$bgcolor;” with background:url(url link of the image to be set as the back ground);

Just save your template and then you will be able to see the image you have in the link you have set, as the background of your blogger blog.

So, let us come back again. Background images if used properly would help in increasing the number of page views per visit and it will also improve the appearance of your content.

So when you select background images you will have to have the following considerations.

Always make sure that the size (in bytes not in resolution) of the images to be set as background is small because it will then take too much time to load under slow connections. I recommend a size constraint of around 30 kb, for the blog back ground.

Popular posts from this blog

How to increase Write/Copy/Read speed of Memory Card or Pen drive in Windows 7