Many of you have wanted to put an image in your template's header. There is an HTML way to do it, but if you're using the shared Individual Entry Archive template (which most of you are to simplify maintenance) adding the image to the HTML can change other peoples blogs.
To add the header image to your blog without affecting others (and to have primarily semantic HTML and your design in CSS) you can add the header image to your CSS stylesheet and keep things clean.
The CSS you'll need is below:
#banner h1 {
height: {height-of-your-image}px;
background: url('{path-to-your-image}') no-repeat;
text-indent: -9000px;
}
Change the two pieces of text in curley braces ("{...}") to the height of your image and the URL of your image.
To upload your image you can use the usual "Upload File" button and then just copy the href from the anchor (<a ...>) tag.
Feel free to comment if you have any questions.
Posted by TheIdeaMan at January 24, 2005 10:54 AM | TrackBack