Adding a "Related Sites" button to your site
Friday, March 11 2011 @ 04:24 PM CET
Views: 574
Related Sites
If you have more than one web site and need to attract visitors between your sites this is a good way to do it. If you want an example of what it does, check the button in the lower left corner of your browser. Basically it's a button that will popup a list of sites, in this case it points to different projects and sites related to EnkelAdress.
Minimum coding
All you need to do is download a zip file, extract, make some minor modifications and upload to one of your servers. All code is pure javascript and html.
Download and edit
/* Modify xxxx ->These sections indicates values that you can replace with your own.
imagePathUrlset this variable to where the button images will be placed
imageButtonFileNameIndicates the filename without path of the file that will represent the button in normal/unpressed state
imageButtonDownFileNameTells the filename of the image that will be shown when you hover the button with your mouse.
closeButtonFileNameThis tells the filename of the "close menu" icon.
addSite('xxxx', 'xxxx'); Remove the existing addSite calls and add your own in the following manner, addSite(URL, TITLE)
Edit your sites
In the web page that you want to display the button on, navigate the source to somewhere between the body tags. Add this code:
<script type="text/javascript" src="URL/ea_ring.js"></script>where URL represent the full url to where ea_ring.js is uploaded. And there you have it.