Customizing your blogger blog (Part 3)
Adding background image/picture on your blog
I want my blog to stand-out and have my personal touch and adding a background image would definitely set me out from the rest. Also I want to learn doing changes on my blog on my own so I don’t have to bother anyone when I feel like customizing my blog.
If you would like to add a background picture/image on your blog it’s so easy.
Step 1 Add choose an image you want as your blog background.
Step 2 Upload it to a free image site like Flickr or Photobucket.
Step 3 Save and grab URL.
Step 4 Go to your blogger Edit HTML tab and find this part:
body {
background: $bgColor;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
Step 4 Add these codes and insert the URL of the image you want for your site that you uploaded earlier.
background-color:#ffebc5;
background-image: url(insert image URL here);
background-attachment: fixed;
background-position: bottom right;
background-repeat: repeat;
border-color:#ffffff transparent;
border-width:0px ;
border-style: solid;
Step 5 The codes should look like this when you are done
body {
background: $bgColor;
margin: 0;
padding: 0px;
font: x-small Verdana, Arial;
text-align: center;
color: $textColor;
font-size/* */:/**/small;
font-size: /**/small;
background-color:#ffebc5;
background-image: url (your image URL here);
background-attachment: fixed;
background-position: bottom right;
background-repeat: repeat;
border-color:#ffffff transparent;
border-width:0px ;
border-style: solid;
REMINDER: Before doing any changes on your template by clicking that download full template and save on your PC. Always back-up your templates and before saving the changes you made preview it first to make sure you like the changes you made.
That’s all folks. You are good to go. Happy Blogging!