-
Advertisingy u no do it?
Advertising (learn more)
Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.
Starts at just $1 per CPM or $0.10 per CPC.
Release Notes for 1.2
<head>
<script type="text/javascript" src="http://www.nathanielbailey.co.uk/Naths-Ad-Rotator/ads.js"></script>
<style type="text/css">
body{background-color: #BC9564;font-family: verdana,helvetica,arial,sans-serif;font-size: 11px;margin: 0 auto;padding: 5px 0;width: 900px;}
.code{background: none repeat scroll 0 0 #DDDDDD;margin: 1em 0;padding: 0.5em 1.5em;}
p.code{margin-top:-10px;}
.demo{float:left;padding:0 0px 0 160px;text-align:center;}
</style>
</head>
<body>
<h1>Nath's Banner Ad Rotator</h1>
<p>
This is the latest of my website scripts, a banner ad rotator!<br />
With Nath's Banner Ad Rotator you can add as many different banner rotations to your site as you like by simply copy and paste a couple of lines of code! Thats right, its a simple as that!<br />
So now I have your attention, lets tell you a little about how the script works and what you need to do to add your banner ads to Nath's Banner Ad Rotator.
</p>
<p>
First of all Let me tell you, this is as simple as 1, 2, 3!<br />
1) All you need to do is add your banner / ad images and urls into the "ads.js" files.<br />
2) Add a two lines of code to your sites header and footer file.<br />
3) Add a line of code where you want your banner ad rotator to display!<br />
See as simple as 1, 2, 3! Now you have a great banner ad rotator on your site which you can easily place anywhere site wide or on single pages.
<p>
<p>
<strong>Step 1:</strong><br />
Upload all the folder "Naths-Ad-Rotator" and all its files to your root folder (public_html / www).
</p>
<p>
<strong>Step 2:</strong><br />
Add the following to your header file (or what ever file you have your default / site wide header tags in as follows (Remember to change the path to suite where you have uploaded the script!):
</p>
<p class="code">
<head><br />
<script type="text/javascript" src="http://localhost/Naths-Ad-Rotator/ads.js"></script><br />
</head>
</p>
<p>
<strong>Step 3:</strong><br />
Add the following to your footer file, or what ever the last file is to open on your site. This is important as it will make the images display instantly rather then once the whole page is loaded:
</p>
<p class="code">
<script type="text/javascript">RotateImages();</script>
</p>
<p>
<strong>Step 4:</strong><br />
Edit the file called "ads.js" to change my banners with your own image and link url's for your banners to display rather then mine! The file has comments in it to let you know whats what,so you dont need to worry if your not very code literate :)
</p>
<p>
<strong>Step 5:</strong><br />
Simply add the following lines of code where you want to display each banner rotation on your site:<br />
<br />
<strong>Rotation 1:</strong>
</p>
<p class="code">
<a id="imageurl" name="imageurl" target="_blank"><img src="Rotating1" id="Rotating1" name="Rotating1" onmouseover="StopRotation();" onmouseout="RotateImages();"/></a>
</p>
<p>
<strong>Rotation 2:</strong>
</p>
<p class="code">
<a id="imageurl2" name="imageurl2" target="_blank"><img src="Rotating2" id="Rotating2" name="Rotating2" onmouseover="StopRotation();" onmouseout="RotateImages();"/></a>
</p>
<p>
If you want to make more then just the one or two different banner ad rotations simple change the numbers in the above and follow the next section!
</p>
<p class="demo"><strong>Banner Ad Rotator Demo One:</strong><br />
<a id="imageurl" name="imageurl" target="_blank"><img src="Rotating1" id="Rotating1" name="Rotating1" onmouseover="StopRotation();" onmouseout="RotateImages();"/></a></p>
<p class="demo"><strong>Banner Ad Rotator Demo Two:</strong><br />
<a id="imageurl2" name="imageurl2" target="_blank"><img src="Rotating2" id="Rotating2" name="Rotating2" onmouseover="StopRotation();" onmouseout="RotateImages();"/></a></p>
<div style="clear:both;"></div>
<hr>
<h2>How to add more banner ad rotators:</h2>
<p>
If you would like to add different banners for different parts of your site simple follow these rules!
</p>
<p>
<strong>Step 1:</strong><br />
Find these lines of code in the file "ads.js"
</p>
<p class="code">
//Banner Set One<br />
b.src = a[currentImage];<br />
d.href = c[currentImage];<br />
//Banner Set Two<br />
g.src = e[currentImage];<br />
h.href = f[currentImage];
</p>
<p>
<strong>Step 2:</strong><br />
Once you have these located simple duplicate "//Banner Set One" and work you way throw the alphabet!<br />
So for a thred set of banner ads you would quite simple place the following after the above lines of code:
</p>
<p class="code">
//Banner Set Three<br />
k.src = i[currentImage];<br />
l.href = j[currentImage];<br />
</p>
<p>
<strong>Step 3:</strong><br />
Simply complete the above for adding new code to display the new banner ad rotator's' (you can use anything you like, it dont have to be latters as I have been using).
</p>
<hr>
<p>
All the file in my scripts come fully commented in them to let you know whats what,so you dont need to worry if your not very code literate :)<br />
Simply edit what I have told you to edit in that file, leave the comment tags, don't change anything other then the urls you need to to display your banners in the banner ad rotator, and you should be fine!<br />
If you do need a hand at all please feel free to contact my via my blog at <a href="http://www.nathanielbailey.co.uk/">The Official Weblog of Nathaniel Bailey</a>.
</p>
<script type="text/javascript">RotateImages();</script>
</body>
<script type="text/javascript" src="http://www.nathanielbailey.co.uk/Naths-Ad-Rotator/ads.js"></script>
<style type="text/css">
body{background-color: #BC9564;font-family: verdana,helvetica,arial,sans-serif;font-size: 11px;margin: 0 auto;padding: 5px 0;width: 900px;}
.code{background: none repeat scroll 0 0 #DDDDDD;margin: 1em 0;padding: 0.5em 1.5em;}
p.code{margin-top:-10px;}
.demo{float:left;padding:0 0px 0 160px;text-align:center;}
</style>
</head>
<body>
<h1>Nath's Banner Ad Rotator</h1>
<p>
This is the latest of my website scripts, a banner ad rotator!<br />
With Nath's Banner Ad Rotator you can add as many different banner rotations to your site as you like by simply copy and paste a couple of lines of code! Thats right, its a simple as that!<br />
So now I have your attention, lets tell you a little about how the script works and what you need to do to add your banner ads to Nath's Banner Ad Rotator.
</p>
<p>
First of all Let me tell you, this is as simple as 1, 2, 3!<br />
1) All you need to do is add your banner / ad images and urls into the "ads.js" files.<br />
2) Add a two lines of code to your sites header and footer file.<br />
3) Add a line of code where you want your banner ad rotator to display!<br />
See as simple as 1, 2, 3! Now you have a great banner ad rotator on your site which you can easily place anywhere site wide or on single pages.
<p>
<p>
<strong>Step 1:</strong><br />
Upload all the folder "Naths-Ad-Rotator" and all its files to your root folder (public_html / www).
</p>
<p>
<strong>Step 2:</strong><br />
Add the following to your header file (or what ever file you have your default / site wide header tags in as follows (Remember to change the path to suite where you have uploaded the script!):
</p>
<p class="code">
<head><br />
<script type="text/javascript" src="http://localhost/Naths-Ad-Rotator/ads.js"></script><br />
</head>
</p>
<p>
<strong>Step 3:</strong><br />
Add the following to your footer file, or what ever the last file is to open on your site. This is important as it will make the images display instantly rather then once the whole page is loaded:
</p>
<p class="code">
<script type="text/javascript">RotateImages();</script>
</p>
<p>
<strong>Step 4:</strong><br />
Edit the file called "ads.js" to change my banners with your own image and link url's for your banners to display rather then mine! The file has comments in it to let you know whats what,so you dont need to worry if your not very code literate :)
</p>
<p>
<strong>Step 5:</strong><br />
Simply add the following lines of code where you want to display each banner rotation on your site:<br />
<br />
<strong>Rotation 1:</strong>
</p>
<p class="code">
<a id="imageurl" name="imageurl" target="_blank"><img src="Rotating1" id="Rotating1" name="Rotating1" onmouseover="StopRotation();" onmouseout="RotateImages();"/></a>
</p>
<p>
<strong>Rotation 2:</strong>
</p>
<p class="code">
<a id="imageurl2" name="imageurl2" target="_blank"><img src="Rotating2" id="Rotating2" name="Rotating2" onmouseover="StopRotation();" onmouseout="RotateImages();"/></a>
</p>
<p>
If you want to make more then just the one or two different banner ad rotations simple change the numbers in the above and follow the next section!
</p>
<p class="demo"><strong>Banner Ad Rotator Demo One:</strong><br />
<a id="imageurl" name="imageurl" target="_blank"><img src="Rotating1" id="Rotating1" name="Rotating1" onmouseover="StopRotation();" onmouseout="RotateImages();"/></a></p>
<p class="demo"><strong>Banner Ad Rotator Demo Two:</strong><br />
<a id="imageurl2" name="imageurl2" target="_blank"><img src="Rotating2" id="Rotating2" name="Rotating2" onmouseover="StopRotation();" onmouseout="RotateImages();"/></a></p>
<div style="clear:both;"></div>
<hr>
<h2>How to add more banner ad rotators:</h2>
<p>
If you would like to add different banners for different parts of your site simple follow these rules!
</p>
<p>
<strong>Step 1:</strong><br />
Find these lines of code in the file "ads.js"
</p>
<p class="code">
//Banner Set One<br />
b.src = a[currentImage];<br />
d.href = c[currentImage];<br />
//Banner Set Two<br />
g.src = e[currentImage];<br />
h.href = f[currentImage];
</p>
<p>
<strong>Step 2:</strong><br />
Once you have these located simple duplicate "//Banner Set One" and work you way throw the alphabet!<br />
So for a thred set of banner ads you would quite simple place the following after the above lines of code:
</p>
<p class="code">
//Banner Set Three<br />
k.src = i[currentImage];<br />
l.href = j[currentImage];<br />
</p>
<p>
<strong>Step 3:</strong><br />
Simply complete the above for adding new code to display the new banner ad rotator's' (you can use anything you like, it dont have to be latters as I have been using).
</p>
<hr>
<p>
All the file in my scripts come fully commented in them to let you know whats what,so you dont need to worry if your not very code literate :)<br />
Simply edit what I have told you to edit in that file, leave the comment tags, don't change anything other then the urls you need to to display your banners in the banner ad rotator, and you should be fine!<br />
If you do need a hand at all please feel free to contact my via my blog at <a href="http://www.nathanielbailey.co.uk/">The Official Weblog of Nathaniel Bailey</a>.
</p>
<script type="text/javascript">RotateImages();</script>
</body>