I get asked this question… A LOT!!! So being the sweet person I am, I’m going to tell you. This is for blogger only though, because it’s a little more difficult to do with wordpress depending on your theme.
First thing you need to do is create your own background. You can either create your own in a photo editing software, like photoshop, or find one on the internet. I highly recommend checking out istockphoto.com for background. They have so much to choose from right there. You’ll want to search for a “seamless background” What this means, is the background can repeat itself over and over again and you don’t see the seams.
Here is an example of seeing the seams:
But if you find a seamless pattern, you can put it up and it will duplicate itself over and over and you’ll never see the seam.
Once you have the background you’d like, you will do the following:
1. You will first login to your photobucket account and upload the background graphic. You need to do this to be able to host the graphic for your blog. This will in turn, provide you a direct link code which you will need later.
2. Login to your Blogger account.
3. Go to Layout>Page Elements.
4. Add a new gadget and select the html gadget.
5. Paste this code into your new html gadget:
<style type=”text/css”>
body {
background-image: url(YOUR DIRECT LINK HERE);
background-position: center;
background-attachment : fixed;
}
</style>
6. You will then copy the Direct Link code from your photobucket account, and replace it above.
7. Hit save, and you should now see your background.
8. And just a note, that if you want your background to scroll when you scroll down on the page and not stay fixed, you can remove the line: background-attachment: fixed;
That’s it! Easy peasy!
