Wednesday, January 27, 2010

Changing the HEADER

The header width of a standard blog is 660 pixels. To have an image fit perfectly within the borders it needs to be 12 pixels shorter, so 648. This is how I do it:

  1. Choose an image you want to use and save it to your desktop for easy access. It doesn't matter how tall it is, but it needs to be at least 648 pixels wide. You can find out how wide an image is in the next step.
  2. Go to www.drpic.com. You can upload your picture there, and it will tell you exactly what the image's dimensions are. For example, on the upper right-hand side of the uploaded image it might say something like 800 x 600.
  3. Click RESIZE on the left-hand side of the screen.*
  4. In the pop-up window specify that you want the image to be 648 pixels wide, maintaining the width to height ratio. (The drop-down menu lets you choose pixels rather than percentages.)
  5. Right-click on the image after it's resized and save it to your desktop.
  6. You can now go into blogger, to EDIT LAYOUT. Click Edit Header.
  7. Click to browse for a new image. You can specify whether you'd like the header to appear behind the title and description of your blog, or instead of it. (You can add words to an image using the program Paint, which comes standard with most computers. Otherwise, just place the image behind the blogger title and description.)
  8. Click save and you're set. Click VIEW BLOG to see if it worked correctly.
* From Dr. Pic you may want to crop the picture to only include part of the image you selected. Make a rectangle over the section of the image you want to keep and click crop. If your image was large enough you may still be able to resize it to 648 pixels.

No comments: