By Shelley Lowery
If you've been on the Internet for a while, you've probably seen numerous
to create special effects on your website, but did you know it can also be
used as a very powerful web design tool?
Have you ever joined a new affiliate program or created a new publication
that you wanted to add to your existing navigational set up, but dreaded
having to manually add the links to every page on your site?
your website with just one file. This technique is the same technology used
by numerous syndication services on the Internet. It enables them to deliver
dynamically updated content to every website in their program.
Before we begin, if you'd like to see an example of a navigational system
that is dynamically displayed, visit
http://www.web-source.net/. This website has over one thousand pages and
each and every one of them displays its navigational system using
and every page on the site is automatically updated.
will contain your content. To do this, open a text editor such as NotePad
and simply copy and paste your existing navigational setup into a new page.
There is no need to begin the page with <HTML><HEAD>, etc. as you are only
creating the feed for one section of your existing web page which already
has those tags. Once you've created your new page containing your
to each line of your HTML.
The first line of your new file will look like this:
The next line will begin with "document.writeIn('" and end with "');"
(without the quotes). Your first line of HTML will be placed between the
beginning and ending coding. For every line of your original coding, you'll
need to add the above-mentioned codes before and after. Note: Make sure you
is very sensitive. Your new file will end with //--> on the last line.
Here's how your code might look:
document.writeln('<TABLE BORDER="0" ALIGN="Center">');
document.writeln('Your table content');
Each backslash (\) should be preceded with another backslash.
Each apostrophe (') should be preceded with a backslash.
you'll need to save your new file. Try to select a name that reflects your
file such as navigate.js and make sure your filename is no longer than eight
Next, you'll need to create a new directory on your server where you store
your HTML files. Name this directory "content" (without the quotes) and
upload your new .js file in ASCII.
Here's where the magic occurs... Place the following code in your HTML pages
where you would like your navigate.js content to be displayed. Make sure you
change the URL and direct it to your new .js file. The following code must
be displayed exactly as it appears. Make sure there are no spaces after the
first line of code.
If you've followed the above steps correctly, your navigational system
should now be displaying on your web page. If you are receiving a script
error message, most of the time, it's due to an extra space at the end of a
line or an extra or missing character. Make sure you go over your code very
carefully. Once you've created your content feed and it is displaying your
content, updating your file will be simple.
script called, Master Syndicator which will code your content for you. I
highly recommend it.
to instantly update the content on every page of your website, but can also
save you hours of valuable time.
About the Author
Shelley Lowery is the Webmaster of Web-Source.net - A complete resource
portal for the Internet entrepreneur. The site assists the entrepreneur in
developing a serious Web presence by providing a wealth of free information,
resources, tools and content.
Click Here To Return To
Article/Tutorial List List
Activ E-Book Compiler
ebook HTML files into downloadable exe files
FREE EBook with every purchase:
"How To Use Active Ebook Software"
. . . more info