Wednesday, December 28, 2005

Change Blogger Header To Show An Image

Here's a quick guide on how to change the blogger header to show an image instead of the usual Title text.

  1. Go to your template and locate the part for the header :

  2. Now change the part of the template shown above to the following lines :

    Note: Fill out the information for the URL of your blog and also the image location. You can either upload it to your own webspace or create a post in blogger and upload your image file, then save it as a draft. "View Html" should give away the file location.

  3. Try to preview it first before saving the changes.

15 comments:

Delicately Realistic said...

Hi!
Thanx a lot! That was the easiest description for adding an image to the header. Thing is I did it all. But I dont know what size to change my pic to.
Help please!
:)

purelocke said...

Nice to have helped...

For my own header I used a 700 x 180 (pixels) or 9.72 x 2.5 (inches) image.

There is no standard image size, I just played around with the size and eventally settled for the one I mentioned.

The image file that im using was uploaded in blogger itself. I did this creating a post, uploading the pic, then saving it as a draft. Looking into the html window you should be able to locate the tag for the image.

Thanks and I'll try to share whatever I find in customizing a blogger "site".

Charlie said...

you are amazing. thanks so much. i'm clicking on your google ads right now.

Eunice said...

You are an absolute genius. Every other forum or help site has either made ridiculously complex, irrelevant or flawed suggestions, while you have given concise, simple and effective instructions. I don't know how to thank you! So I'll follow the previous poster's suit and frenziedly click on your google ads.

Su said...

Cheers for that! Truly genius and so simple, easy-to-follow instructions... I will sjurely be coming back here again ;)

Stampers said...

Finally!!
I've been trying for ages to do this. Thanks so much for the help!

zoro said...

Thank you. this is very helpfull

Anonymous said...

very useful article. I would love to follow you on twitter.

Anonymous said...

Amiable fill someone in on and this fill someone in on helped me alot in my college assignement. Gratefulness you on your information.

Anonymous said...

Hey,

I have a inquiry for the webmaster/admin here at purelocke.blogspot.com.

Can I use part of the information from your post above if I give a link back to your site?

Thanks,
Oliver

Admin said...

Hi Oliver

Sure please go ahead, and a link back is appreciated.

Anonymous said...

Hey - I am really glad to find this. great job!

Anonymous said...

Greetings! I know this is somewhat off topic but I was wondering if you knew where I could find a captcha plugin for my comment form? I'm using the same blog platform as yours and I'm having trouble finding one? Thanks a lot!

Anonymous said...

I really liked the article, and the very cool blog

Anonymous said...


Hi, I do think this is an excellent web site. I stumbledupon it ;) I will come back once again since i have book-marked it. Money and freedom is the best way to change, may you be rich and continue to help others.