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/
Recent Comments