|
There are actually two possible ways to do it:
- one which blends in seamlessly, i.e., it does not alter the original TreePad file, as you see it, on your computer screen, and
- another, which does "mess up" a bit the looks of your original TreePad file (as you see it, on your computer screen), but of course looks just as fine, in its HTML output.
As far as the end result, both methods are equally good, the main difference being what you see on the article, when your TreePad generated Web site is loaded in its original TreePad file format.
- Here are examples:
Both methods are briefly covered below:
- via TreePad's 'export/subtree/to website/article options/footer' menu
Just paste the SSNB NavBar Code into the fill-in area for the "Footer HTML source code."
- via TreePad's 'Insert HTML source section' function
After choosing the 'Standard' option, just paste the SSNB NavBar Code in the indicated place (i.e., either over or right below <!-- type your HTML source codes below - unlimited number of lines -->).
That is, the SSNB NavBar Code will then display $( <HERE> )$.
Please note the crucial need, in option [2], to insert the SSNB NavBar Code into the very first article – that is, the article for the very first (topmost) tree-node; otherwise WebRing's automatic code checker will be unable to verify the SSNB NavBar Code on your site!
(Typically, Page Memberships are temporarily suspended whenever WebRing's automatic code checker cannot find the NavBar on a page; the Page Membership is only reinstated when the code can be found on the page.)
In the first option, above, the NavBar, does not disrupt the page, itself, at all, since it is in the "frame area".
In contrast, the second option, below, places the NavBar within the "page area."
Because this second option fails to display the NavBar on every page, it is helpful to add links to the page displaying the NavBar, at the bottom of every page (or in the general vicinity of the TreePad "Navigate Panel" – in this case, a single link code is placed at 'export/subtree/to website/article options/footer.'
This is of course not mandatory, but certainly a nice convenience to the visitor.
Special Observation: Please note that, in either case, [1] or [2], above, you need to add extra HTML coding in order to control the lay-out you wish.
For example, if you'd like the NavBar to display centered, on the TreePad generated HTML page, you need to paste the SSNB NavBar Code in between one of the following pairs of codes, as follows:
<P ALIGN="Center"></P>
or
<DIV ALIGN="Center"></DIV>
or
<CENTER></CENTER>
|