Paul Tocknell

I was working on my mom’s WordPress blog tonight and came up with a custom logo in Photoshop. I figured out how to insert it without a problem, but was struggling with a good way to make it “clickable” and hyperlink it to the blog’s homepage. That is until I found this lively link:

Make your logo clickable | Wwohn.com

And I quote:

If you cannot find the <img> the logo is probably the background image of a <div> or <td>. this would mean that you should make the entire <div> or <td> clickable.

You can make a <div> clickable with the following line of code:

<div onclick="location.href='http://www.yourwebsite.com/';" style="cursor: pointer;"></div>

You can make a <td> clickable with the following line of code:

<td onclick="location.href='http://www.yourwebsite.com/';" style="cursor: pointer;"></td>

In the examples above, pointer of the mouse changes if the mouse hovers the <div> or <td>. This provides visitors an indication that the area they are hovering is clickable.

You can read the rest of the article here:

http://www.wwohn.com/clickable-logo/