How To make A Header Clickable

Have you ever visited a website that has a clickable header image? Cool isn’t it? It’s actually quite easy to do.

If you’re not sure what I mean by ‘clickable header image’, allow me to explain.

A clickable header image is simply the header of a website that when clicked takes you back to the home page.

Now, most websites do not have clickable header images and this is a mistake in my opinion.  A clickable header image can mean that your site doesn’t need a text link back to the home page. So what? Well, maybe ‘so nothing’, on the other hand, maybe ‘something’.

In order to guide your visitor in the direction that you want them to take it is important to eliminate all distractions and ‘leakages’. The fewer ‘exit points’ you have on a page, the higher the chance of your visitor completing the required action – clicking Adsense, clicking an affiliate link, or whatever – that gets you paid.

It can also make your site look ‘cleaner’ and is probably the intuitive way to get back to the home page.  Besides it’s cool becaus not many webmasters have them and if your header isn’t clickable what use is it? – other than from a design point of view – none!

How to Make A Clickable Header Image
So how do you make that header clickable?  You need to insert some HTML code somewhere. If you are using WordPress, particularly with a paid theme it may be more complicated than this, but this will work for most websites.

First off go to Appearance/Editor and find your header.php page and have a look for this code:

<xmp><div id=”header”></xmp>

Replace the above code with this:

<xmp><div id=”header” onclick=location.href=’http://YOUR-WEBSITE’;”style=”cursor:pointer;”></xmp>

*Obviously replace YOUR-WEBSITE with the actual URL of your site

For those whose blogs use the HTML tag it is a little different.

Find the code that looks like this;

<xmp><img src=”headerimage”></xmp>

and replace it with the code below;

<xmp><a href=”<?php bloginfo(‘url’); ?>”><img src=”headerimage”></a></xmp>

**Please remember to copy the original code and save it somewhere just in case something goes wrong and you need to undo any changes.

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

Tags: Clickable Wordpress Header, Internet Marketing, Wordpress, wordpress seo, wordpress tweaks