Herself’s Webtools

One of the things that makes your blog stand out is to use an original theme. If you are not yet ready to code your own theme, then you can go to the blogger dashboard, then to template and change your header image.

Once in template click on Page Elements. Do you see the section ‘blog name’ ( Header )? Click to edit that.

Once in the edit area you can upload an image from your computer to use as the header.

Well that is all easy enough. However, if you use an image that is a different size than the header image used originally in the template, you may have to go in and hack the html.

An easier option is to find out what size the original image is, and match your new header to that size. Every template is different. You can load up your blog in your browser and select ‘view source’. Start at the top; the heading image is probably near the top. Usually you’ll see a url to an image under one of the heading codes ( h1, h2 h3…). Once you see the url you can enter that in your browser. It will take you to a page with just the header image, nothing else. Drag and drop the image to your desktop.

Using GIMP or your favorite photo editor you can get the image size. Now just create your own image that size or using your photo editor adapt the one you downloaded. Remember you won’t see the change on your blog until you upload the image.

Some of the Blogger templates use these sizes:
TicTac and TicTac Blue Blogger templates use 847×240 pixel headers;
SnapShot, SnapShot Sable and SnapShot Tequila Blogger templates use 700×123 pixel;
Thisaway series uses 760×88 pixel header backgrounds;

See also:
How to create multi-layered web 2.0 headings