🥚 The Eggring! 🥚

Widget Instructions

1. Read the rules. An application is confirmation that you have read them and meet the criteria.
2. On the page you want to place the webring widget, paste these two lines of your code in the head of your file:
   <script src="https://eggring.neocities.org/js/hatring.js"></script><script src="https://eggring.neocities.org/js/eggring-config.js"></script>

You now have two options.

A. Create your own widget.

1. You need to include anchors with IDs "eggringIndex", "eggringPrev", "eggringRand", "eggringNext". The script shouldn't break if you choose to omit any, but links won't be made without them.
2. Within the body tag, insert:
   onload="eggring.createLinks();"

If you need further help, prod the source code of this page.

B. Make the script generate a widget for you.

1. Within the body tag, insert:
   onload="eggring.buildWidget();"
2. Include this somewhere in your file. This displays the widget.
   <div id="eggring"></div>
3. Write CSS to make it look nice! Here's a basic example file for you.
4. OPTIONAL: if you want to change the navigation characters, use the script tag in the header AFTER both file links to call
   eggring.loadNavCustomizations("Previous", "Next", "Random", "_");
   with your choice of strings. You can also change the icon by calling
   eggring.loadCustomIcon("insertIconLinkHere");

If you need further help, prod the source code of this page.

Back