How to upload your own header image

>> Browse templatesMoney tips24 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.

24 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 comment 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?

Sweet Simplicity May 10, 2010 1:45 pm  

I am having the worst time figuring this out. I know how to add a picture to the header, but for some reason nothing will upload. I'm not sure what I am doing wrong!

winst May 17, 2010 7:00 am  

Go into the "Edit HTML" section and change the #header img a to position:absolute (not sure on exact #header tag but it's the one with image in it...)

Lauraine May 08, 2012 6:25 am  

Thanks for sharing your info. I really appreciate your efforts and I will be waiting for your further write ups thanks once again.
Flash Video Player

Zheng junxai5 July 20, 2015 12:38 am  

2015-07-20 zhengjx
tn pas cher
nike blazer pas cher
prada shoes
gucci belt
fitflops
michael kors handbags
chanel handbags
true religion sale
true religion outlet
coach outlet store online
ray ban sunglasses
burberry handbags
nike air force pas cher
cheap oakley sunglasses
ray ban outlet
true religion
fitflops shoes
ed hardy clothing outlet
polo ralph lauren uk
tory burch outlet online
jorda femme pas cher
gucci sito ufficiale
cheap oakley sunglasses
coach outlet
soccer outlet
oakley store
michael kors handbags
pandora bracelets
nike pas cher
gucci bags
michael kors bags
christian louboutin shoes
pandora jewelry stores
michael kors purse
replica watches for sale
oakley sunglasses
air jordan uk
kate spade
michael kors watches
mcm bags

amine lahragui October 19, 2015 9:53 am  

I appreciate you and hopping for some more informative posts. happy new year 2016 new year 2016 happy new year 2016 images feliz año nuevo 2016 feliz año 2016 imagenes de año nuevo 2016 happy new year images 2016 new year 2016 images new year images 2016

mmjiaxin November 20, 2015 6:05 pm  

converse shoes
swarovski crystal
cheap nfl jersey
true religion canada
coach handbags outlet
michael kors handbags clearance
moncler outlet store
abercrombie and fitch
cleveland cavaliers
ugg boots clearance,ugg australia,uggs on sale,ugg slippers,uggs boots,uggs outlet,ugg boots,ugg,uggs
karen millen uk
michael kors outlet online
abercrombie and fitch
ralph lauren outlet
true religion jeans outlet
michael kors outlet
lululemon pants
vans shoes
beats by dre
philadelphia eagles
mm1121

柯云 December 09, 2015 9:08 pm  

2015-12-10keyun
canada goose
oakley store
official coach factory outlet
coach outlet online
michael kors outlet clearance
louis vuitton bags
discount ugg boots
ugg outlet
nike running shoes for men
ugg boots
louis vuitton purses
hollister
adidas superstar shoes
michael kors outlet
coach outlet online
abercrombie
christian louboutin shoes
uggs outlet
michael kors outlet online
louis vuitton outlet stores
ugg boots sale
abercrombie fitch
discount jordans
ray ban sunglasses outlet
ugg boots
abercrombie
replica rolex watches
ralph lauren
louis vuitton handbags
gucci outlet
coach outlet online
ralph lauren sale
christian louboutin
cheap ray ban sunglasses
canada goose outlet store
oakley sunglasses wholesale
rolex watches
canada goose sale
michael kors outlet
north face jackets

Mary December 30, 2015 3:24 am  

Wonderful Article. You have covered the topic very nicely. Keep sharing such informational and interesting articles.

happy new year 2016, happy new year images 2016, happy new year wallpapers 2016, happy new year quotes 2016, happy new year wishes 2016, happy new year sms 2016, happy new year greetings 2016, whatsapp status

chenlili April 13, 2016 6:54 pm  

2016-4-14 xiaobao
michael kors handbags
jordan 3
fitflops
coach outlet
michael kors handbags
louis vuitton outlet
christian louboutin shoes
abercrombie & fitch
louis vuitton handbags
jordan 4 toro
jordan concords
nike roshe runs
christian louboutin shoes
nike roshe run
coach outlet
louis vuitton handbags
air jordan pas cher
coach outlet online
louis vuitton outlet
coach outlet
insanity workout
christian louboutin sale
nfl jerseys
polo ralph lauren
ray-ban sunglasses
cheap jordan shoes
nike air huarache
oakley sunglasses
ray ban outlet
kobe 9
ray ban sunglasses
mont blanc pens
michael kors outlet
toms
michael kors
rolex submariner
nike outlet
ralph lauren polo
true religion outlet
louis vuitton outlet online

John May 24, 2016 6:48 am  

hermes uk
coach outlet online
true religion
pandora jewelry
timberland shoes
louis vuitton outlet online
adidas superstars
adidas stan smith
ray ban sunglasses
true religion jeans outlet
ralph lauren pas cher
reebok uk
true religion uk
coach factory outlet
jimmy choo outlet
cheap nike shoes
hermes belt
fitflops sale clearance
ray ban sunglasses
coach factory outlet
burberry outlet
coach factory outlet online
nike air max
louis vuitton handbags
cheap jordan shoes
oakley outlet
michael kors outlet stores
coach outlet online
louis vuitton handbags
michael kors purses
rolex submariner
timberland uk
cheap oakleys
2016524yuanyuan