Dynamic One Way Link Samples

The image below is a clickable dynamic image link, but search engines cannot follow it. The only problem, the hand or cursor does not appear, to indicate it is a link.


In this second sample, by using a different method of CSS, we are able to call up the pointer hand or cursor, over the image.


To make dynamic text links like the one above, put this in your head tag.

<style>.spoogie {cursor:pointer;cursor:hand;}</style>

Then paste this line into your body tag, where you want the image to go.

<span class="spoogie"> <img src="your-image.gif" onclick="window.location='your-href.html'"</span>


The link below is a dynamic text link example.

Search engines cannot crawl this link, even though it appears normal and makes the hand, or cursor appear.

To make dynamic text links like the one above, put this in your head tag.

<style>.yadda {cursor:pointer;cursor:hand;text-decoration: underline;color:blue;}</style>

Then paste this line into your body tag, where you want the link to go.

<span class="yadda" onclick="window.location='your-href.html'">your link text</span>


Notes: The need for both cursor:pointer and cursor:hand is to satisfy both standard and IE5 browsers. In these examples, we made up styles called yadda and spoogie. Spoogie for the image link and yadda for the text link. You can create unique names for the dynamic links on your pages.