Steps to the Dance

A webring is a way of linking similar sites so that the links are easy to maintain and easy to surf.

There are reasons for using a standard set of code to link a webring, besides the sheer egotism of webring managers.

  1. For the webring to work as designed, the links must be as written.
  2. For visitors to the ring to be able to surf without confusion, each ring should be easily identifiable.

You must have either the Javascript navbar or HTML navigation code on your page, for the webring to work.

If you have already installed the Javascript code for the new Webring navbar, the bar for the Dance of Anitras Ring will appear on your page as soon as you are accepted.

If you need the Javascript code for the navbar:

Lynx (text-only) and some older graphic browsers, however, cannot use Javascript. To maximize the traffic through the ring (and to your page) I'd appreciate you using the HTML copy of the navbar.

To get the HTML navbar, follow the above steps, but when you get to the page displaying the SSNB code, scroll to the bottom and click the word "here" at the end of the sentence "Members who wish to use the HTML version of this nav bar should go here."

If you use the Javascript code, the navbar for each new webring you join will automagically appear in the "stack." If you use the HTML form, you will have to manually insert the HTML navbar for each new ring.

There is a way to get the best of both worlds. At the end of the Javascript code is a "NOSCRIPT" tag. This tells the browser what to do if Javascript isn't working. Carefully insert your HTML code between the <NOSCRIPT> tag and </NOSCRIPT> tag. Then the automagically maintained navbar stack will appear for your visitors who use Javascript, and your manually maintained HTML stack will appear for visitors who don't.

If you wish to use the older "pretty code" instead of the navbar, you can copy it here. I have updated the links for the new system. You will have to manually change the code, however, to insert your own site information.

The code that is given to you when you apply to join is already customized for your webpage. Using that code is easier than copying what's here and modifying it. If you do use what's demonstrated here, you will have to:

  • Replace my name with your name.
  • Replace my email address with your email address.
  • Replace my site ID with your site ID.
  • Replace the location of the images with your own location. (This you will have to do even with the customized code.)

I do not insist that you use webring graphics -- or that you use mine. If you want to use your own graphics, please check with me first -- I want to make sure visitors to the ring don't become confused about which ring they are on. I may make yours the standard graphics for the ring!

If you do choose to use my graphics, please copy them to your own server. The one change you will need to make to the customized code is to put the correct-for-you directory and filename in the logo image tag.

To copy images:

  • Place your mouse cursor over the image.
  • On IBM PC: click right mouse button
  • On Macintosh: hold down mouse button
  • Select "Copy image to disk" from the popup menu
  • Use whatever file transfer method you use to upload files from your computer to your server

Anitra L. Freeman is a member of Anitra Ring.
Dance the Web With Us!
[ Previous 5 Sites | Skip Previous | Previous | Next | Skip Next | Next 5 Sites | Random Site | List Sites ]

Find other Anitras.
Find out more about the name Anitra.
If you are named Anitra,
please come join us in the dance.

That's what it looks like. Here's the code:

<div align="center">
<a href="" target="_top" title="Home page of the Anitra Webring"><img src="anitraweb.gif" width="164" height="72" alt="Anitra" border="0"></a>
<p> <a href="" title="Email Me">Anitra L. Freeman</a> is a member of <a href="" target="_top" title="Home page of the Anitra Webring">Anitra Ring</a>. <br>
<b><i>Dance the Web With Us!</i></b> <br>
[ <a href="" target="_top" title="A list of the previous 5 sites in the ring"> Previous 5 Sites</a> | <a href="" target="_top" title="Skip the previous site, go to the one before that"> Skip Previous</a> | <a href="" target="_top" title="Go to the previous site"> Previous</a> | <a href="" target="_top" title="Go to the next site"> Next</a> | <a href="" target="_top" title="Skip the next site, go to the one after that"> Skip Next</a> | <a href="" target="_top" title="A list of the next 5 sites in the ring">Next 5 Sites</a> | <a href="" target="_top" title="Go to a random site in the ring"> Random Site</a> | <a href="" target="_top" title="The ring hub: A list of all sites in the ring, and other ring information"> List Sites</a> ] </p>
Find other <a href="anitralist.html" target="_top" title="A guestbook for Anitras">Anitra</a>s.<br>
Find out more about the name <a href="anitradance.html" target="_top" title="Origin and history of the name">Anitra</a>.<br>
If you are named <b>Anitra</b>, <br>
please come <a href="" target="_top" title="Webring home page">join us in the dance</a>.

Explaining the tags:

  • div align="center" is an easy tag for centering a section.
  • target="_top" insures that even if you use frames, the link will open outside of the frames.
  • title works, at least in IE, to give your visitor more information about each link.

If your webpage address or any other site information (including your email address) changes, please update your entry! The magic of webring cannot work without your help.

If you have any questions not covered, please email me.

The Anitra Ring is made possible by Webring.