In this post, I will give the easiest way to add a fixed background image on blogger/blogspot blogs.
1. Find some good backgrounds(800x600/1024x768 or bigger) in google or make one and upload it to photobucket or imageshack or any other image hosting sites except for blogger(you can't upload high resolution images, it gets resized).
2. Follow this guide on How To Edit Your Blog Template
3. Scroll down until you find this code:
body {
4. Add this code BELOW body {
background: url('IMAGE-URL') fixed;
5. Change the IMAGE-URL to the url of the image you uploaded.
Here's an example:
body {
background: url('http://rpgwallpapers.com/wallpapers/luna-online-boy-and-dog-1280x960.jpg ') fixed;
margin:0px
auto 0px;
padding:0px;
color:$bodytextcolor;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
background: url('http://rpgwallpapers.com/wallpapers/luna-online-boy-and-dog-1280x960.jpg ') fixed;
margin:0px
auto 0px;
padding:0px;
color:$bodytextcolor;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
6. Click Save Template.
