Creating a Top of Page Button on a Website

Providing the user a good interface is critical to sucessfull navigation of your website. If a page is long, users may not want to scroll back up to the top of the page. Instead, you can use simple code to get them back to the top with a click of a button.

Instructions

1. Create or locate the image you want to use as your button. This does not have to be fancy and may web authoring programs have built-in button creating functions. If not, check free button generator sites, like Buttongenerator.com.

2. Insert an anchor at the top of the page where you want the user to go when they push the button with code like this: <a name="top"></a>

3. Insert the button within a link where you want the TOP button to appear using code like this: <a href="#top"><img src="yourbuttongraphic.jpg"></a>

Tips & Warnings

• You can use this anchor and link concept to make a button that goes anywhere on your page: top, bottom, left, right or middle. Wherever you put the Anchor is where the link will go.