Adding a Header Image
This tutorial will work for all users. It will allow you to add a header image to the top of your journal. If you would like to make more complicated changes to the header of your journal, you need to have a paid account and use the Modifying the Page Header tutorial.
Go to the customize page and into the Custom Options. Under the Custom CSS tab, you'll see the Custom Stylesheet Information option.
Paste the following line into the box, at the end of any existing code you may have.
.pageheaderblock { background-image: url("IMAGE_URL"); background-position: top center; background-repeat: no-repeat; padding-top: HHHpx; }
You will need to replace IMAGE_URL with the full url for your header image, eg. http://www.someplace.com/image.jpg and leave the quotation marks in. You will also need to replace the HHH with the height of your image, plus any additional space you might want. For example, if your image is 200px tall, then set HHH to 200 to 205. Experiment with the number until you feel comfortable with the spacing. Any standard image editing program should tell you how tall your image is in pixels. If you don't want the image centered, replace the word "center" above with "left".
Mike.
Go to the customize page and into the Custom Options. Under the Custom CSS tab, you'll see the Custom Stylesheet Information option.
Paste the following line into the box, at the end of any existing code you may have.
.pageheaderblock { background-image: url("IMAGE_URL"); background-position: top center; background-repeat: no-repeat; padding-top: HHHpx; }
You will need to replace IMAGE_URL with the full url for your header image, eg. http://www.someplace.com/image.jpg and leave the quotation marks in. You will also need to replace the HHH with the height of your image, plus any additional space you might want. For example, if your image is 200px tall, then set HHH to 200 to 205. Experiment with the number until you feel comfortable with the spacing. Any standard image editing program should tell you how tall your image is in pixels. If you don't want the image centered, replace the word "center" above with "left".
Mike.