| Floating Ads on Your web pages |
- Demo
- Original article from http://www.willmaster.com/master/
- Detailed explanation for a novice
Demo:
Currently you are seeing one.This moves down as you scrolls down the
page.
Advantage:Floating ad is a great way of grabing your visitors attention.
Disadvantage:You have to keep this code in each and every page of your
web site where you want to display this floating ad.
Original article from http://www.willmaster.com/master/:
With the internet public becoming more and more averse
to in-your-face advertising, you'll probably want to
implement this article with some good taste.
This article shows you how to put an image and/or text
into the top-right corner of your web page. When the
page is scrolled, your image/text stays in the top-right
corner.
The demo page at http://willmaster.com/a/8/pl.pl?84artdemo
shows you how it works.
Geocities.com uses a similar idea to float their Yahoo
image or other ad on their member's sites. Pages on sites
whose hosting services preempt that space may not be able
to use the code presented with this article.
The floating ad could be (as examples)
==a small logo,
==a link to a news item,
==a text link to a special area of your site (such as "FAQ" or "Terms of Service"),
==a "Click to Buy" button image linking to an order page,
==an ezine subscription form,
==an affiliate banner, or
==a link that launches a popup window with additional content.
You'll think of other ways to use it.
NOTE: If you use HTML email, you may need to "view source"
in order to see the source code presented here. If
the source code still seems incomplete or corrupted,
a clean copy is at
http://willmaster.com/a/8/pl.pl?84art
The part that floats is placed between CSS
tags. Thus, it can contain any HTML code.
Server Side Includes can be used between the
tags, which means you can use Master Site
News, Master Daily Content, or Master Merry-Go-Round to
insert the floating content. (The Master Series of scripts
are available at http://willmaster.com/a/8/pl.pl?cgi )
This is what you do:
(1)Retrieve the 27 lines of JavaScript from the demo page at
http://willmaster.com/a/8/pl.pl?84artdemo and place it in
the <head></head> area of your page.
(2)Put onLoad="StartFloat()" into the '<body... tag.
(3)Put these lines into the page content ('<body>'</body>) area:
<span align="right" id="AdFloater" style="position: absolute; visibility: hidden; top: 1px;">
[CONTENT]
</span>
(4)Replace [CONTENT] in the above lines with whatever you want
to have float on your page.
That's all there's to it!
Done with good taste, it could be an asset to your site.
Detailed explanation for a novice:
STEP 1:
Open any web page you want to keep this ad.Locate these tags-
<HEAD>your title,metatags</HEAD>
<BODY>your web page text</BODY>
STEP 2:
You have to keep THREE parts of the code at THREE places in between these
tags.I marked the places where you have to keep these code.
<HEAD>your title,metatags*</HEAD>
<BODY **>***your web page text</BODY>
* indicates first part of code
** indicates second part of code
*** indicates third part of code
STEP 3:
Grab the code by going to http://willmaster.com/a/8/pl.pl?84artdemo
or you can see the 'view source' for this page to grab the code.
1.First 27 lines of the script between <script...>....</script>
has to be placed just before '</HEAD>'.
2.Second part of code is this- onLoad="StartFloat()" bgcolor="white"
Keep this WITH IN the '<BODY>' tag.
3.Third part of code is this- <span...id....</span>
Keep this JUST AFTER the '</BODY> tag.
You have to change the URL and image location to your image URL and
url link.
That is it!
|
