Add A Background Picture/ Image On Your Blogger Blogs

Customizing your blogger blog (Part 3)
Adding background image/picture on your blog

Most blog pages have either white, black, blue or gray background (or any plain colors available in the color wheel). Well I feel they are kinda boring for my taste and I see it everywhere else. Just to clarify again I am not an expert at this, just telling you my experience and what I did with my 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!

Here's something else you can read

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.