Date: - Time:

For Questions and Quick contact
Call us - FB: Oscar Lee

3.16.2016

Adverts Banner Rotation setup for your Blog

 how-to-make-$25-on-payoneer
Adverts rotation

Placing ADVERT is for sure a good way to MONETIZE your blog. You would have noticed that the ads on some blogs change sometimes when a page is loaded. It's simply banner rotation,and it's very important when two or three advertisers are bidding for a particular ad space and location on your blog. So below is a code for banner rotation which would be placed on the blogger layout using the HTML/Javascript option.

<div align="center">
<table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" style="width: 250px;">
<tbody>
<tr>
<td><center>
<!-- BANNER#1  -->
<script language="JavaScript">
images = new Array(2);
images[0] = "<a href = 'www.oscarleeblog.com' target='_blank' rel='nofollow' ><img src=' https://lh3.googleusercontent.com/-KPaCqB_Ka9U/Vt5c-GRSOgI/AAAAAAAAA_8/o3lpG8pOtaU/h120/vt4qqzorwpnypwyh1xhr.png ' border='0' height='250' width='250' alt='banner exchange partner'></a>";
images[1] = "<a href = 'www.oscarleeblog.com' target='_blank' rel='nofollow' ><img src= 'https://lh3.googleusercontent.com/-rsjxU-z27xI/Vt5c88mvuzI/AAAAAAAAA_4/mK92f5lCB3s/h120/increase-blog-traffic.jpg ' border='0' height='250' width='250' alt='banner exchange partner'></a>";
images[2] = "<a href = 'www.oscarleeblog.com' target='_blank' rel='nofollow' ><img src=' https://lh3.googleusercontent.com/-wyA2FLWDOnI/Vt5c8mqbzsI/AAAAAAAAA_0/ciXLiPWNqTQ/h120/mtn-magic-sim.jpg ' border='0' height='250' width='250' alt='banner exchange partner'></a>";
images[3] = "<a href = 'www.oscarleeblog.com' target='_blank' rel='nofollow' ><img src=' https://lh3.googleusercontent.com/-6B0TZsDCdZs/Vt5c4vlz3EI/AAAAAAAAA_w/R7m3iWSHock/h120/12814314_1125070467511196_7124688200780018004_n.jpg ' border='0' height='250' width='250' alt='Image Tag'></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
</script>
</center>
</td>
<td><center>


</center>
</td>
</tr>
</tbody></table>
</div>


NOTE:Change the Image links highlighted in blue to the specific banner IMAGES Links, to get the image link of a banner, use the blogger post editor, upload the image as normal, then switch to HTML, close to the compose button, and copy the link of the image and paste it somewhere maybe in a notepad, do the same for all the different images, and replace them in the above code, substituting the ones highlighted in Blue. The image link is something like this below.

https://lh3.googleusercontent.com/-wyA2FLWDOnI/Vt5c8mqbzsI/AAAAAAAAA_0/ciXLiPWNqTQ/h120/mtn-magic-sim.jpg

 Replace the url oscarleeblog.com in red to the specific url of the site of the advertisers, making anyone who clicks the banner to be taken to the specific sites. e.g If you're advertising for jiji.ng,you have to replace oscarleeblog.com to jiji.ng.

Also,remember you can increase or reduce the specific size of the banner by changing the height and the width.

 Also remember that this code would be put in the HTML/Javascript gadget in the layout.


Was this Post helpful? Drop your views, comments and questions below.





No comments:

Post a Comment

We love to hear from you!

RECENT COMMENTS

Featured post

JAMB 2017 Results are online now - check yours here

JAMB - the Joint Admission matriculation board , has started the release of the 2017 UTME RESULTS online for the examinations that start...