You may use either method (1) or (2):

(1) Load the banner from YOUR web-site (I prefer that you
   use this method): To do this, display the banner you want on
   your web-browser, then (in Netscape and similar browsers)
   position your mouse-pointer over the banner, then press the
   right-mouse-button, then select "Save Image As...", and so on...
   After this, you'll need to edit your web-file where you want
   the banner to appear; then upload the image file and your
   web-file to your web-server.

Or,
(2) Load the banner from THIS web-site: To do this, you only need
   to edit your web-file(s) where you want the banner or button to
   display. e.g.: To display the second small banner on your page,
   with a link to the Personal Empowerment Resources Home-Page,
   you'd need to insert the following HTML-code into your web-file:

<A HREF="http://www.mind-trek.com/"><IMG SRC="http://www.mind-trek.com/links/to-here/400x40a.gif" ALT="Personal Empowerment Resources"></A>

   Simply copy the above line, then paste it into your web-file,
   save it, upload your web-file to your web-server, and it's done!

   I recommend adding the appropriate width/height tags also
   though, to make it display faster (see examples below).

   To use a different banner or button, simply substitute a
   different file-name in place of the bit which reads: 400x40a.gif



Some more options (these apply to both of the above methods, though
I have provided examples using only the second method):

1. To link to somewhere other than the Home-Page, substitute the
   first instance of text which reads "http://www.mind-trek.com/"
   with the URL of your choice.

   e.g. To link to 'Report #01: Introductory Freedom Guide' with
   the second button, you would insert the following HTML-code
   into your web-page:

<A HREF="http://www.mind-trek.com/reports/tl01.htm"><IMG SRC="http://www.mind-trek.com/links/to-here/88x31a.gif" ALT="Visit the Personal Empowerment Resources Web-Site - Click Here!" WIDTH="88" HEIGHT="31"></A>



2. To center the banner or button on your page, simply add "CENTER"
   tags. e.g. by adding the lines before and after like this:

<P ALIGN="CENTER">
<A HREF="http://www.mind-trek.com/"><IMG SRC="http://www.mind-trek.com/links/to-here/400x40a.gif" ALT="Personal Empowerment Resources" WIDTH="400" HEIGHT="40"></A>
</P>



3. Along with a banner, it is often useful to put a small note
   below the banner. e.g. To display a note such as:
   "Visit the Personal Empowerment Resources Web-Site - Click Here!",
   in a small font below the second large banner, you would insert
   this code into your web-page:

<P ALIGN="CENTER">
<A HREF="http://www.mind-trek.com/"><IMG SRC="http://www.mind-trek.com/links/to-here/468x60a.gif" WIDTH="468" HEIGHT="60">
<BR><SMALL>Visit the Personal Empowerment Resources Web-Site - Click Here!</SMALL></A>
</P>



4. To eliminate the border around the picture, include: BORDER=0
   after the HEIGHT="..."  in the HTML-code. e.g. for example #3
   above, the HTML-code would look like this:

<P ALIGN="CENTER">
<A HREF="http://www.mind-trek.com/"><IMG SRC="http://www.mind-trek.com/links/to-here/468x60a.gif" WIDTH="468" HEIGHT="60" BORDER=0>
<BR><SMALL>Visit the Personal Empowerment Resources Web-Site - Click Here!</SMALL></A>
</P>

   I generally don't recommend using this option, because most
   people probably expect to see the outline around pictures which
   link to somewhere else - to let them know of this in advance.
   But it can improve the appearance in some cases, and the border
   isn't needed where it's already pointed out that they're
   reading a links page. (Or where a note is provided below the
   banner, as mentioned in #3 above.)