Fading Banner HTML Code more banners in one place

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

contact us to create and publish a website

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>

How To Put Banner Ads On Your Website Using Fading Banner HTML Code

Create A Fading Banner For Advertising Using Our Fading Banner HTML Code

Setting Up Your HTML Code

Recommended Articles