The insert code should be pasted in the body of a new page, at the point at which you wish
text to first appear. It can be placed within a table cell or div tags if your page layout requires it.
Use a text-editor program such as Wordpad, or the code-editing mode of an HTML-editing program.
Do not drop this code into an editor in WYSIWYG-mode – it must be added directly to the base HTML source code.
Otherwise, the editor may convert < > angle bracket tags into visible characters, rather than
leaving them as control characters; then of course the insert will not work. Note that Frontpage may
attempt to make later changes to a page, and replace double quote marks" with the replacement
coding ", thereby preventing the insert code from working.
Use your normal navigation links and other standard headers/footers on your page.
None of our own navigation bars or footers will appear on your page –
only the main page content. It will be your page!
Ensure that the first line of the javascript code, as far as as type=text/javascript, is all on one line within your page.
If you want the links from this page to open in a new window, so that visitors never completely leave
your site, you can achieve this in two ways:
by adding <base target="_blank">
to the head of your page.You must also change your own internal navigation links on that page to the format
<href="myotherpage.html" target="_top"> or they will open in a new window too.
or by adding a block of Javascript in your page head, plus a small code at the very end of the page.
then copy/paste this code according to the instructions it contains:
However, we do not necessarily recommended opening links in a new window, because it can be confusing
for some web users. If you feel you must use this feature, add at the top of your page a clear explanation that
external links open in a new window.
You can color the link on this syndicated page differently to your own internal links
if you wish, to indicate that they are external links. (This helps visitors particularly if you do
choose to open these external links in a new window.)
The insert page will follow your own page's style sheet if you have one (which is highly
recommended).
The page already contains this style element <p="first"> – so you can
specify a style for a large initial upper-case letter in the first paragraph – see below.
If any page does not format correctly, displays incompletely, or you find any other problem, PLEASE
email immediately.
No obligation, but please email and say which pages you are using within your site, and add feedback about this system.
You may wish to insert a top anchor tag <a name="top"></a> at the top of your page,
and a <a href="#top">Top of page</a> link at the end.
If you do not have any footer on your webpage, create some clear white space after the end
of the inserted content, by using <p><br> or by CSS.
Text generated by Javascript is invisible to Search Engines, so there is no danger of your
site having its ranking penalized for carrying near-identical content to other sites. You can add
a meaningful title and meta description to your page head.
Note that the insert code only works properly online. You cannot fully test a page's appearance on your hard disk.
This system uses a PHP script which converts HTML pages to Javascript on-the-fly. If you wish
to use this system to offer your own pages for others to use, here is how.
Extra touches with CSS
If you have not yet started to use the remarkable power of style sheets, now is the time!
Intro |
W3Schools.
Inserted Guide pages can be enhanced with CSS.
If you want to display links within the insert text as a different color to your default hyperlink
color on the rest of the page, add this to your style sheet: .mycolor :link { color:green; }
and then enclose the insert code on your page within <div class="mycolor"> and </div> tags.
You can control the appearance of your first upper-case character in the first paragraph with
this coding in your stylesheet.
If there is some element of the inserted page which would benefit from modification using CSS,
please write, and it will be added into the original page so that you can control it by CSS.