Automatic Banner Image Rotation In FOR Advetisement on your Blog

The auto rotation of an advert image has a lots to do in every blog that sells ADVERT SPOT it visitors, just like our advert space it is been programmed with some code which enables it renew after every reload. Remember this plugin is mostly used in forums like nairaland and many others,
when doing this on your blog you need to be careful to avoid some mistake or you can even copy the code to your note pad and then get all you requirement the arrange them.

To perform this you just need to follow the steps below

Step 1
Login to your blogger account using your username and password then select your preferred blog.



Step 2
Now scroll your mouse down to the layout tab and click on it.



Step 3
Now click on the add gadget link then select html/javascript from the list of different gadgets.



Step 4
Copy this code and paste it inside your html/javascript box.


<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 = ‘Princetechy‘ 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 = ‘Princetechy‘ 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 = ‘Princetechy‘ 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 = ‘Princetechy‘ 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>


Arrangement
change https://lh3.googleusercontent.com/-wyA2FLWDOnI/Vt5c8mqbzsI/AAAAAAAAA_0/ciXLiPWNqTQ/h120/mtn-magic-sim.jpg
to you own banner image link which is 4 different banner


change PRINCETECHY to your own link related to that image.




Step 5
finnally click on the save button and thats all.




Hope this tutorial will really help you, don’t forget to drop your comment below thanks.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.