|
How to integrate a script
with your existing layout
Your first step is to create the html page (template) in your favorite HTML editor the
way you want to display it online.
For the sake of the example, the script
Buy Me A Drink is
used.
Example of a simple template
Click here for an example of a
template.
Now look at the source of that page:
Notice the words: CONTENT HERE
I just put those words there in order to MARK where the
HEADER ends and where the FOOTER starts.
So, the code from
<HTML>
to ...
<td>
CONTENT HERE
will be the code I'll include inside the HEADER
template.
This part:
And the code FROM </td> (the one after CONTENT HERE)
and up to </HTML> tag will be the code for my FOOTER template. This part:
As you can also see there is no need to include the words
CONTENT HERE since they just helped me to mark the sections of the header/footer
inside the code.
ATTENTION:
You can use any links you want inside the template you will
create.
You can use links for pages and also include images.
BUT ALL LINKS MUST BE COMPLETE URLS.
Examples:
Correct URL: <a href="http://www.serverhere.com/pagehere.html">Link
here</a>
Wrong URL: <a href="pagehere.html">Link here</a>
Correct image tag: <img src="http://www.serverhere.com/imagehere.gif">
Wrong image tag: <img src="imagehere.gif">
As you can see there is a background image inside the
template I used for the example and the URL of the image is a FULL one:
<BODY background="http://www.use-sell.com/bgfinegrey.gif">
Example of a template with a banner in the
footer
Click here
to see this
template.
Now look at the source of that page:
Now notice the words: --- HERE GOES THE SCRIPT ---
I just put those words there in order to MARK where the
HEADER ends and where the FOOTER starts.
So, the code from <HTML> to ...<td>
--- HERE GOES THE SCRIPT ---
will be the code I have to include inside the HEADER
template, this code:
And the code FROM </td> (the one after
--- HERE GOES THE SCRIPT ---)
and up to </HTML> tag will be the code for my FOOTER template. This part:
As you can also see there is no need to include the words
--- HERE GOES THE SCRIPT --- since they just helped me to mark the sections of the header/footer
inside the code.
Again as you can see all LINKS and also the image tag include
FULL URLs.
Actual template of my "Bar"
Click here
to see this
template.
Here is the code I used:
This time I used an horizontal line
(<hr>) in order to show you
where the HEADER starts and where the FOOTER begins.
And this is what I did:
I included the code up to the <hr> tag inside my header.tmpl
template...
...and then included the code after the <hr> tag and up to
the </HTML> tag inside my footer.tmpl template...
So, what you have to do for integrating a script with
your existing layout is to:
-
Create the template first and put a
MARK where you want to display the script.
-
Copy the code from the start of the
page and up to that MARK inside the "header" section.
-
Copy the code from the MARK and right
down to the end of the page inside the "footer" section.
I hope you understood it.
If not use the HelpDesk at
www.TurboHelpDesk.com for asking for more clarifications.
John Delavera |
