Thursday, August 26, 2010

Uploading your custom background image in Blogger

It’s a little tricky but worth the effort to use your own image to give your blog a unique identity, rather than the prefab ones anyone can use. I created a new blog for my children’s books yesterday, and wanted to use them for the background image. 

First you need to prepare an image. Mine is a photo of a stack of my books, laid as horizontal as possible so there won't be awkward visual jags when the image is “tiling,” that is, when the image repeats horizontally and vertically to fill the space. If you’re feeling ambitious, you can create a seamless image in Photoshop using the Offset filter (here is an online tutorial). The image is supposed to be less than 200K...more details about size are on the Use Your Own Photo etc. article linked below. Anyway, here’s the book stack image:

The template is Ethereal, with a 3-column layout as shown. (Not all templates have a background image.) 
I customized most of the colors, type, etc. in the new Template Designer, which is found under the Design tab. The Template Designer is great, it gives you a preview of your changes as you test them. 

However, if you click on Background in the Template Designer, there is no option to upload your own image, you can only choose from what is there. The answer is to go to Blogger in Draft to do it rather than the usual Blogger Dashboard. It looks the same, except there are a few additional options. Here are the steps:
Make sure you’re “signed in” to your Blogger Account and are in Blogger in Draft.
Click on Design, then on the Template Designer (right under the Design tab.)
Click on Background (upper left), then click ON the Image box itself.
You should see a button for Upload Image, so go ahead and upload your image.
Click Done, then choose Tile and check Scroll with page.
Click on the orange Apply to Blog button on upper right.
A yellow alert that says Template Applied should flash, then it will go away.
Click Back to Blogger (upper right) and your image should be on your blog.

If not try again, or check the article Use Your Own Photo for Your Blog’s Background and the Comments for clues, .

To see the actual blog we’re talking about, click here.

Good luck!


Dolores said...

Thanks for the info. It's always nice to find someone out there eager to share what can be done (instead of using the blogger templates.)

Penny said...
This comment has been removed by the author.
Loreen Leedy said...

Penny, I don't know much about any painting programs other than Photoshop or Painter. Re finding copyright free images, one idea is to look on government sites that have image archives such as NASA, the USDA, etc.

Barbara Strobel Lardon said...

Well your book blogs looks fantastic. If I can find time to do this I am going to. Great when your blog looks unique. Luckily I have photoshop too. Thanks for the tutorial as I probably would not have figured this out and I was wondering how others were doing it.

SewCalGal said...

Thank you. I'm always looking for tips and inspirational ideas to help make my blog look better and add more value.


Loreen Leedy said...

Thank you's nice when we can get our blogs to behave, isn't it?

Cynnie said...

Oh thanks so much for clearing this all have made it very clear and "doable"...thanks...your bookstack looks fabulous!!
Cynthia Schelzig

Susan Miller said...

I really like what you did with the books as a backround, when at your house I was struck by the amount of books you have produced, so when you did this it was so perfect. Thanks for the information on how to do it.

Diane J. Evans said...

I am so grateful to those of you who are tremendously skilled at this stuff -- you run interference for the rest of us, and I thank you. Can't wait to try all this out now.


Loreen Leedy said...

Here is a link to a fiber artist who has made her own quilting the background on her blog:

Vicki's Vintage Stitches

Don't you love this idea?

Whitney said...

Thanks so much, I have been looking for a post like this. I did try it, but I got the error message "Sorry, your file is too big". Any ideas what I should do?


Loreen Leedy said...

Hi Whitney,

I think the image has to be under 200K so you have to reduce the file size.