How to upload your own header image

>> Browse templatesMoney tips14 comments

This guide will show you how to upload a header image with Blog Title and Description as part of the graphic. For this to work, you have to hide the default Blog Title and Description texts.

*****

It's much better to use your own header image than the image already defined by the designer or just the simple plain background. For one thing, you can be sure to have a unique header compared to the rest of the blogs. The second reason is that you can write your blog Title and Description with much nicer fonts and color combinations.

Before that, you have to make sure that your image size will align well with the rest of the Header section. Turning the Title and Description text on or off can also mess up you alignment. For my templates, I've already given instructions for perfect alignment.


So, how to do this? Simple...

1. Go to the Layout > Template > Page Element. From there, click the Edit button for your Header. The screen below will pop up.

2. Upload an image from your computer. Make sure that your image size is correct or otherwise your Header will be misaligned! Save your changes. (Don't forget to fill in your Title and Description in the text box above! You can turn the text off later.)

3. To hide the default Blog Title and Description text, click the Header Edit button again. Another screen will pop up, but with a slightly different option (see the screen below). Select the 'Placement: Instead of title and description'. This will hide your Title and Description from showing up on the blog (but still kept as your blog's information). If you don't want to hide your Title and Description text, simply click the other option.

4. That's it. All you really have to do is make sure that you've got a nice image to put up as your blog's header.

14 comments:

At Least Do The Best December 13, 2007 12:31 PM  

Very very nice design but hard to make it looking good on my blog. Not working with IE and empty..

Jô Angel June 29, 2008 9:14 PM  

Fiz tudo direitinho como vc manda aqui mas não funciona, o cabeçaho fica todo desconfigurado...:(

Chick Lit Mafia July 04, 2008 11:09 AM  

When I follow your instructions to turn off the title and description text it still messes up the layout. What am I doing wrong?

digiscrapdesign July 16, 2008 12:07 AM  

Thanks for this tutorial..It helped me a lot..

hoffshots August 05, 2008 12:09 PM  

i have added my own image for my header, but I would like it to look more like a banner instead of a large square. How do I adjust the size of the image in my header?

G3 November 23, 2008 4:56 PM  

The image does not show up on the header!! What did I do wrong?

Darittto December 28, 2008 12:53 AM  

this did not help me at all.
thanks

shakester January 06, 2009 3:53 AM  

hi
thanks for all your work! Am tryin to use the Isolation template. Currently testing it on a test blog. I have inserted my own image etc.the problem I face is this:

when i add a link to the linkbar, it shows normally in the preview. However the actual blog page shows that linkbar as much taller, so it looks quite odd. I have spent quite some time on this but can't figure out why this is happening!

help? :)

you can see the test blog here
http://onefullstop.blogspot.com/

thanks!

Heather_Dianne January 20, 2009 8:47 AM  
This post has been removed by the author.
UAguy March 04, 2009 12:24 AM  

Dear Sir
Is there any way to add random image to the header?
Thanks

Ottoetrentacinque April 28, 2009 11:39 AM  

If I use an image created by me as header, if I set it "instead of title and description" the image is cutted. To see the complete image I have to set it "behind title and description", but I don't want to set a title and a description... what can I do?

Jay June 25, 2009 3:01 PM  

Thank you for your nice work. Question on the image sizing - how do I resize an existing image to 970x200 or 800x200 that's required for the header before I use it? Please let me know. Thanks again.

Danielle Kruse September 12, 2009 5:52 PM  

it isnt working!!!!!! i have tried about a billion different things and it won't show the picture unless i have it "behind" instead of "instead" What am i doing wrong!!! PLEASE HELP ME!! :(

aactiontv October 03, 2009 10:20 AM  

hello, i am trying to place an image instead of the description and title but the description and title still end up coming, is there anyone who can help?