web.archive.org
Installing GeoGuide
It's easy to put GeoGuide onto your web pages--even if you don't know HTML. All you have to do is "cut and paste" a few lines of HTML code just below the "<body>" tag of your file. If you don't know how to do this, read on. If you already know how to change your HTML code, you can skip down to How to Customize GeoGuide.
GeoGuide - Step by step
The code below is the "basic" HTML for the GeoGuide applet.
<center> <APPLET CODEBASE="/classes/geoguide" CODE="GeoGuide.class" ARCHIVE="GeoGuide.zip" WIDTH=468 HEIGHT=60> <a href="/cgi-bin/geoguidencsa.map" target="_top"> <img ismap src="/cgi-bin/homestead/GeoGuideLite_image?bgcolor=White" alt=""></a> </APPLET> </center>
You can add GeoGuide to your pages by following these simple steps:
1. Go into the File Manager using your member name and password.
2. Select the HTML file you wish to edit.
3. Select the Advanced Editor--It should already be selected.
Then click the button.
4. Your HTML code will appear in the Advanced Editor window. (see below)
Find the "<body>" tag:
5. By clicking and dragging, select and copy the GeoGuide code with your mouse:
<center> <APPLET CODEBASE="/classes/geoguide" CODE="GeoGuide.class" ARCHIVE="GeoGuide.zip" WIDTH=468 HEIGHT=60> <a href="/cgi-bin/geoguidencsa.map" target="_top"> <img ismap src="/cgi-bin/homestead/GeoGuideLite_image?bgcolor=White" alt=""></a> </APPLET> </center>
...and insert, or "paste" it just after the "<body>" tag.

Now you can "Preview" or "Save" your page by clicking the appropriate button under the text box. GeoGuide should appear on your page.
What next?
Now that your GeoGuide is installed, you may wish to cutomize it. This is much more simple than you'd think. Read on to find out how...
How to Customize your GeoGuide
Below is the "extended" HTML source code for the GeoGuide applet. Don't worry if you don't understand all of it, the main parts that you need to be concerned with are the segments in bold lettering. These are the parts (or parameters) that you can change so that you can personalize your GeoGuide. Take a quick look at the code, then skip down to the first feature, "Changing the color."
<center> <APPLET CODEBASE="/classes/geoguide" CODE="GeoGuide.class" ARCHIVE="GeoGuide.zip" WIDTH=468 HEIGHT=60> <PARAM NAME="bgcolor" VALUE="ffffff"> <PARAM NAME="label" VALUE="My Links"> <PARAM NAME="link1" VALUE="link 1 URL;Description"> <PARAM NAME="link2" VALUE="link 2 URL;Description"> <PARAM NAME="link3" VALUE="link 3 URL;Description"> <PARAM NAME="link4" VALUE="link 4 URL;Description"> <PARAM NAME="link5" VALUE="link 5 URL;Description"> <PARAM NAME="link6" VALUE="link 6 URL;Description"> <a href="/cgi-bin/geoguidencsa.map" target="_top"> <img ismap src="/cgi-bin/homestead/GeoGuideLite_image?bgcolor=​Beige​" alt=""></a> </APPLET> </center>
Changing the color
Here is the line that defines the color of your GeoGuide.
<PARAM NAME="bgcolor" VALUE="ffffff">
In this example, the "ffffff" represents the "hex" number that tells your browser to produce the color white. If you are unfamiliar with "hex" numbers, don't worry. They range from the number "0" to the letter "f", (0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f). From these there are thousands of combinations of color to choose from, if you enter "ffffcc", you will get a light yellow. "cccccc" will turn it to gray, "00ccff" is blue.
(HTML Note: These numbers are the same as the "bgcolor" attribute you may use in the "<body>" tag (<body bgcolor="#ffffff">), except without the "#". If you use this in your "<body>" tag attribute, you may want to match the colors.)
To find the color codes for the 216 Netscape colors, click here. (Note: Your browser must be Netscape 3 compatible or higher).
Changing the Tab Label
The next line to look at is:
<PARAM NAME="label" VALUE="My Links">
This line creates the name of your custom Tab on the GeoGuide (see below). In place of "My Links", you can use up to 10 letters to name your tab label.
Adding links to your Tab
<PARAM NAME="link1" VALUE="link 1 URL;Description">
You can add up to six links to your GeoGuide tab. For example, say you wanted to put a link to "Athens2090" in GeoCities. This page is an HTML help guide, so maybe you would want to call it "HTML Help".
First of all, you would replace "link 1 URL" with "http://www.geocities.com/Athens/2090/". Add the description, and your line would look like this:
<PARAM NAME="link1" VALUE="http://www.geocities.com/Athens/2090/;HTML Help">
Remember to include the semicolon ( ; ) between the URL and the description.
IMPORTANT! Do not change anything except the parts that are in bold in these examples.
Cool Tip: Whenever you link from your GeoCities home page to another GeoCities home page, you can create a shortcut URL by leaving off the "http://www.geocities.com". The above line could be written as:
<PARAM NAME="link1" VALUE="/Athens/2090/;HTML Help">
Make sure that you place the slash ( / ) at the beginning, or it won't be a valid link.
Advanced Settings and GeoGuide Lite
You can adjust the position of the links in your custom Tab by adding this line of code:
<PARAM NAME="position1" VALUE="10,1">
This example would set your first link 10 pixels from the GeoCities image on the left, and 1 pixel from the top. Similarly, you can set the coordinates of the other links by setting the NAME parameter to "position2","position3", etc.
You may want your fourth link to be positioned around coordinates "75,1". Your code would look like this:
<PARAM NAME="position4" VALUE="75,1">
You may have to experiment with the coordinates to get your links placed exactly where you want them.
GeoGuide Lite
What happens if someone views your page with a non-Java browser, or with Java turned off?
That's where GeoGuide Lite comes in.
GeoGuide Lite is a GIF which, when a non-Java browser is detected, displays in place of the GeoGuide. This is the part of the GeoGuide code that generates GeoGuide Lite:
<img ismap src="/cgi-bin/homestead/GeoGuideLite_image?bgcolor=​White​" alt=""></a>

Note: This code should be just before the closing "</APPLET>" tag.
Again, the part in bold is the part that you can customize. You can control the color for GeoGuide Lite to one of eleven different colors by simply changing the one parameter. There are eleven colors to choose from for GeoGuide Lite:
Beige, Black, Blue, Brown, Green, Grey, LightBlue, Olive, Purple, Red and White.
These colors must be entered exactly as shown, hex color numbers cannot be used.
[Home] [FTP Procedures] [FAQ Page] [Features] [File Types] [Utilities]
© 1997 GeoCities. All rights reserved
New MembersInformationSign UpGetting Started EmailFTPUtilitiesFile ManagerSearchMember LookupMove UtilityPassword UtilityProfile EditorProfile Deletion Features CountersMail FormsSearch PageGeoPlusGeoRewardsGuestBooks HTMLToolsResource Guide
Help ForumsHelp ChatLost PasswordLeaders