UPDATED: JULY 14, 2016 – ARTICLE: HOW TO PUT BANNER ADS ON YOUR WEBSITE USING FADING BANNER HTML CODE
Category: Web Design & Development
We all know how to put banners on a website, but what if you could increase the amount of banner on your website with out it looking out of place. If you look at the fading banner sample at the top of this page I have banners on a fading banner HTML code. This now means that I can increase the amount of banner ads in one place on my website.
The advantages of having more than one banner ad on your website in one place are huge. Get more clicks this means more money. Also having the banner you are using fade in and then fade out will attract your visitors eye and draw there attention to the banners. All banners are hyper-linked and open in a new page. Great for affiliate banners.
Create A Fading Banner For Advertising Using Our Fading Banner HTML Code
SPONSORED ADVERTISEMENTS
Banner advertising can earn good money on your site. Selling different products that relate to the topic of your site using affiliate banners is a great way to make money when you create your own web site.
The problem is that you only place one advertising banner in one spot at a time. With our horizontal fading banner HTML code you can now have more than one banner in one place to advertise on.
Use the fading banner HTML code to advertise as many affiliate banners as you want in one place. One banner will fade out and the next banner fades in banners are click-able.
The fading banner code will allow you to display a lot more banners in one spot on your site, and increase banner sales. Creating a banner that is horizontal and the same size as Google Adsense banners 728×90 that fades in then fades out.
This is a robust, cross browser fade in slideshow script that incorporates some of your most requested features all rolled into one. Each instance of a fade in slideshow on the page is completely independent of the other, with support for different features selectively enabled for each slideshow. Here’s a low down on the script’s features:
- Sleek fade in effect that has the current image fading over the previous one.
- Ability to display images automatically.
- Each slide can be optionally hyperlinked.
- Persistence of last viewed slide supported.
Setting Up Your HTML Code
The fading banner HTML code size is set to 728×90 this is the same size as your affiliate banners if you would like to change the image size you must also change the image size in the code. Look for dimensions: [728, 90] in the fading banner code and change it.
This is the code for the image and link of one of the advertising banners
[“http://www.greengeeks.com/images/affiliatetags/728×90-001.gif”, “http://www.greengeeks.com/cgi-bin/affiliates/clickthru.cgi?id=michael116844″,”_new”],
To change the image remove our code at the top in blue and replace it with your code then change the link in blue bottom with your link on all.
[“http://www.greengeeks.com/images/affiliatetags/728×90-001.gif“, “http://www.greengeeks.com/cgi-bin/affiliates/clickthru.cgi?id=michael116844“,”_new”]
Fading Banner HTML Code
<script type="text/javascript" src="http://www.linkbuildingservices4sites.com/resources/slide-show.js"></script> <div id="fadingbanneradvertise"></div> <script type="text/javascript"> var mygallery=new fadeSlideShow({ wrapperid: "fadingbanneradvertise", //ID of blank DIV on page to house Slideshow dimensions: [728, 90], //width/height of gallery in pixels. Should reflect dimensions of largest image imagearray: [ ["http://www.greengeeks.com/images/affiliatetags/728x90-001.gif", "http://www.greengeeks.com/cgi-bin/affiliates/clickthru.cgi?id=michael116844","_new"], ["http://www.awltovhc.com/image-5065041-10497542", "http://www.kqzyfj.com/click-5065041-10497542","_new"], ["http://www.awltovhc.com/image-5065041-11012704", "http://www.jdoqocy.com/click-5065041-11012704","_new"], ["http://www.lduhtrp.net/image-5065041-10439405", "http://www.tkqlhce.com/click-5065041-10439405","_new"] ], displaymode: {type:'auto', pause:1000, cycles:0, wraparound:false}, persist: false, //remember last viewed slide and recall within same session? fadeduration: 2000, //transition duration (milliseconds) descreveal: "ondemand", togglerid: "" }) </script>
You may also like this.
Fade In Fade Out Image Javascript Code
Vertical Fading Banner Code To Advertise On
How To Make A Fading Banner With Fading Text
Fade In Fade Out Image Slide Show
Manual Image Slideshow With Next And Back Button
How To Add Banner Advertising To Your Site For Extra Income
Tags: banner advertising, fading banner HTML code, web design and development
ARTICLE: HOW TO PUT BANNER ADS ON YOUR WEBSITE USING FADING BANNER HTML CODE WAS FIRST PUBLISHED: DECEMBER 04, 2013
Build your own website and sell stuff. Add as many products as you want and it won't cost you any extra.
Get super fast hosting
Free domain registration
Outstanding reliability
Free shopping basket
Easy to use site builder
Try creating your website free for 30 days. No credit card required, click the below link.
Free domain included or add a domain you own - Install WordPress in a few clicks - Great support team.
Get a Website that Works. It's quick and easy. No experience necessary.
Sign up today and get 20 percent off your hosting.