Adding a header image to your Google blog
Step 1: First you will need to find an image and make it the right size. If you don't have access to Photoshop, you can use an online image editor such as http://pixlr.com. The resolution for your header image should be no more than 72 pixels-per-inch. It should be 760 pixels wide (if it's wider, Blogger will resize it). It should be no more than 200 pixels high.
Step 2: If you are in your blog list, click the administrative drop-down menu to the right of your blog's name and select Layout. If you're in your blog, you can also click Design (in the top right corner of your blog) and then click Layout in the left-side menu.
Step 3: In the Layout display, the header has the text of your blog title in it. Click the "Edit" link in the bottom right corner of the header area. In the Configure Header pop-up, click the "Choose File" button and browser to the image on your computer.
Step 4: If you don't want the title of your blog to appear over your image, you can copy the title and put it in the Description area instead, and have it appear below the header photo. You must leave the title text in the title box, too, even though it won't display.
Step 5: Copy or type the title of the blog in the Blog Description box and then click the "Have description placed after the image" option.
Step 6: Click Save, and then click Save Arrangement on the Layout page. Click View Blog to see the blog with your header image.
Instructors- A PDF of this tutorial is available for download for use in your course.