Top Ad unit 728 × 90

Breaking News

recent

how to add Random Ad Banners Widget For Blogger




In most blogs which can be promoting ad spots you most of the time have seen random ad banners appearing when the page is refreshed. Ever wondered find out how to exhibit random advert Banners in Blogger? In present day tutorial we will be able to be trained how you can create a Random Banner Widget for blogger that will show random advert banners when a tourist visits a new page on your web publication. using this widget you can display as many advert banners on a Sponsor area as you want!This widget is precisely much like our previous 125 through one hundred twenty five ad Banner Widget and in fact it's the most awaited one and had been requested a number of instances with the aid of our readers. simply final night I succeeded in creating a simple Java script that makes use of Array of photographs and hence displays random images on page refresh.




 How To Create Random 125x125 AD Banners Widget? 


  1. Frist of all 
  2. Sign in > Your Website Blog
  3. Go to >>>blogger>>Dashboard..>>Layout.
  4. Add a Gadget >>> choose >>HTML&Java Script
  5. And Past The Below HTML& Java Script:

<div align="center"> 
<table border="0"  cellpadding="2" cellspacing="6" width="265"bgcolor="#ffffff"> 
<tbody><tr> 
<td><center> 
<!--  BANNER#1  -->
<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</center></td> 
<td><center> 
<!--  BANNER#2  -->
<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</center></td> 
</tr> 
<tr> 
<td><center> 
<!--  BANNER#3  -->
<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</center></td> 
<td><center> 
<!--  BANNER#4  -->
<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</td></center> 
</tr> 
</tbody></table> 
<table border="0" bordercolor="#0084ce" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"> 
<tbody> 
      <tr> 
       <td><center><a href="URL OF ADVERTISER" rel="nofollow"><img width="265" height="37" border="0" alt="Advertise Now!" src="file:///C:/Documents%20and%20Settings/Mohammad/Desktop/ADVERTISE-HERE.gif" /></a></center></td> 
      </tr> 
    </tbody></table> 
</div>

MAKE the next changes:-
1.  replace URL OF ADVERTISER with the internet site hyperlink of the advertiser
2.  change URL OF BANNER’S picture-1  and URL OF BANNER’S snapshot-2 with the photograph links of the Advertiser’s banners
3.  change ad DESCRIPTION with some knowledge related to the ad. the description seems on mouse hover.
4.  if you wish to expand the space between the ad blocks then edit width="265


how to add Random Ad Banners Widget For Blogger Reviewed by sajid sohail on 16:37 Rating: 5

No comments:

All Rights Reserved by Online Computer Training For Beginners © 2016
Designed by myonlineustaad

Contact Form

Name

Email *

Message *

Powered by Blogger.