How to change your header image in Blogger

If you are looking for a quick and easy way to give your Blog an update, try changing the Header Image.  The header image replaces the Title and Description of your blog. You can also add a header image that floats under your Title and Description. I'll explain how to do both.

To Add A Header Image that replaces Title and Description:

My new header image was created in Adobe Illustrator. It is 1000px x 230px. Blogger automatically shrunk it to fit the Image Header space (Just click the "Shrink To Fit" option). You can draw these in Picasa or Photo Shop, just about any program that lets you save the image as a .jpg or .png file.

Here is my new one, created on a white rectangular background to get it to fit the space.

To update your Header Image in Blogger Follow these simple steps:

1. Go to Layout section of your Blogger Dashboard

Click Layout Tab in Orange Above.

2. Click on Edit under the Header Tab

Edit Header

3. Configure Header:

Click on Upload File

1.  Upload Image
2. Click "Shrink to fit" Tab before image loads (hurry, this option disappears quick)
3. Click the Instead of Title and Description Button
4. When your image appears hit "Save"
5. Preview the changes and make sure your image looks right
6. You may need to edit your image in your drawing program to get it to fit just right.

To Update Your Header Image to Float under Title and Description:

Follow directions as above but do not click "Instead of Title and Description" Button, instead click the "Behind Title and Description" Button. This will make your header appear something like the following:

I used a simple chalkboard background image that I made in Illustrator. I also changed the font Dancing Script, 80 point and white in the Template Tab on your Dashboard. It would not allow me to change the description font, just the color. You could probably adjust that in CSS but that is much more complicated.{I wrote a post on how to change fonts in Blogger HERE.}

Here is a free downloadable copy of the chalkboard header I used above. Just click the image to enlarge it and "save as".
 

If you are looking for a new header image or need help with creating one, let me know. I can help you with that. I just launched my new Blog Design Website, go check it out Nana Moon Designs. Eventually these 2 blogs will become one.

Happy Blogging!