Tuesday, 14 November 2006

Beta Blogger - Clickable Header

Due to a huge demand for clickable headers, I'm writing a post to explain how to make your header clickable in Beta Blogger.

Since you want a clickable header, I'm guessing that you already have a header image and it is hosted on a web hosting account. You will need the URL of this image later.

First you will make a 'division' to hold the image and position it in your blog in the CSS style sheet between the <head> </head> tags:
#imageholder {float:right;}
To make it clickable add this code after the <body> tag:
<div id="imageholder">
<p><a title="Your blog title" href="yourblog.url">
<img border="0" src="image.url" alt="title of image" />
</a></p>
</div>
I have tested this in a practice blog and it works! With that being said, if you have a problem, let me know.


post signature

No comments:

Post a Comment