There have been many times where I wanted to create a link at the top (or near top) of a page or post that takes a visitor from one part of my page or post down to another part of the page or post, but I wasn’t sure how to do it and the tutorials were not ‘dumbed down’ enough for me.
So I finally figured it out. Here’s the code:
Link Down: Link To Any Part Of The Page Including The Bottom:
<a href=”#bottom_link”>Click Here To Go To The Bottom Of The Page</a>
<p id=”bottom_link”>Bottom Of The Page or Post
- What you do is place the first line of code at the top of your page or wherever you want it (after you change the text part to say what you want. The text part says, ‘Click me and I’ll take you down’).
- Then, put the second line of code anywhere you want on your page and your visitor will be taken there after clicking your new link which you put at or near the top of your page.
Side Bar: The # identifies the name that the code looks for on the page so that it knows where to go.
Conversely you can link from the bottom of your page to anywhere you want at the top. You just do it in reverse…
Link Up: Link From The Bottom To The Top or Any Part Of The Page:
<p id=”top_link”>Top Of The Page or Post
<a href=”#top_link”>Click Here To Go To The Top Of The Page</a>
If you want to link from the bottom of your page up to the top (or bottom) using an image then use this code below (links to the top of your page as described above. If you want to link down the page using an image you would do the opposite – you would place the image at or near the top of your page with the correct phrase, in this case using the very first example, #bottom_link.
Link Down With Image:
<a href=”#bottom_of_page”><img src=”bottom-page.jpg” width=”638″ height=”529″ alt=”” title=”” border=”0″ align=”” /></a>
<p id=”bottom_link”>Bottom Of The Page or Post
If you want to use a clickable image sends your visitor to the top of your page from the bottom do the opposite of linking from the top to the bottom as show above. Better yet, Watch The Video To Tie It All Together.
I hope this makes sense and helps you. Whether it helps or does not make sense, or you think it could be improved please let me know by commenting below or in the comments area on the Youtube video I made above.
Hi
I have looked at your video and read your article.
I can’t get my image to take people to the bottom of the page.
I have copied the code onto the image URL and put the code at the bottom of the page and it still doesn’t wok.