Spread the Word

Site Feed



Powered by FeedBlitz

There was an error in this gadget

Subscribe with ...

  • Add this blog to my Technorati Favorites!
  • Subscribe in Bloglines
  • Subscribe in NewsGator Online
  • Subscribe in Rojo
  • Add Random 

Bytes (WebLens Blog) to Newsburst from CNET News.com
  • Add to Google
  • Add to My AOL
  • Subscribe in FeedLounge
  • Add to netvibes

Translate This Post

Burn a Feed

Ping the World

Monday, August 21, 2006

Blogger Hacks: Uploading Template Backgrounds

In my previous post, I stated that, if you wish to use images in your template's background, you'll need to host them elsewhere since there's no way to upload them directly to Blogger for this purpose. Reader Paul Sutherland quickly set me straight, outlining a clever trick I'd never thought of but which — on reflection — is at obvious as the nose on your face.

As we all know, Blogger allows you to upload images for use in individual posts. Paul's hack takes advantage of this ability. Here's how it's done:

  1. Create a new post as usual.
  2. Upload an image to your new post (click the Add Image button).
  3. While still in post edit mode, switch to HTML view (click the Edit HTML tab).
  4. Find the code for your image.
  5. Copy the image address (it starts with http://).
  6. Return to the main Post screen and discard the temporary post.
  7. Open your template and paste the image address into the appropriate spot, as per the instructions in the previous post.
  8. Save your template and publish.

Thanks Paul! Great tip.

5 comments:

Rebekah said...

You've got some good stuff here - I've bookmarked it!

Rebekah (of Modified News and via BlogAZoo)

Matt Mc said...

Love your page. I am one of the guilty ones who co-opted your three-column look, but I won't apologize because it was too good not to steal.

Just something I wanted to bring your attention to that I haven't seen elsewhere on your blog. There is a code that I have come across that you can put into your template to hide the blogger navbar at the top. The bar always bugged me, and this works well, so I thought I'd share it:

At the very top of the template, below where it says "<$BlogMetaData$>," you paste in the following code between style tags:


#b-navbar {
height:0px;
visibility:hidden;
display:none
}


...and the pesky bar is gone.

Thanks for the great site.

Pam said...

Thanks Rebekah, and thanks for the tip Matt. I'll add it to my list of upcoming topics to post about.

Canadian Chick said...

Must be doing something wrong here. It's not working for me. Probably not putting it in the right spot or something.

Canadian Chick said...

Perhaps I need to be using a .gif format instead of .jpeg? I don't know what I'm doing wrong.