ADD BACKGROUNG IMAGE TO YOUR BLOG

In this post i will tell you how you can add a image to your blog and make it look awesome. You should have a image which can cover the entire background, as you can search from Photobucket or Google image search.

You can also add images to :-

Add backgroung image behind your blogger posts.
Add background image to your blog sidebars.

ADD BACKGROUND IMAGE TO YOUR BLOG

1). Open your blog and go to Dashboard.

2). Select Layout and Edit HTML.

3). Find the following piece of code in your blog HTML code. HOW TO FIND CODE IN YOUR BLOG HTML CODE

body{

The code will look like this :-

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

NOTE :- Before making any changes you should backup your blog template code. HOW TO BACKUP YOUR BLOG TEMPLATE

4). Copy and Paste the following code directly below the code you have searched.

background:url(PUT IMAGE URL HERE) repeat top right;
/* background-attachment: fixed; */

NOTE :- Replace the 'PUT IMAGE URL HERE' with the link/address of the image you want to add to your blog.

The code will look like this :-

body {
background:url(http://i941.photobucket.com/albums/ad259/pcleaks.blogspot.com/bloggerbackground.jpg) repeat top right;
/* background-attachment: fixed; */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

5).Save your template and have a look to your blog, it will look amazing.

If you got a good experience than leave comments and Email Me for any assistance.