Make Auto Rotating Banner in Blog or Web

Today 4 April my work is doing update on the rotating banner widget which be an important tool for entrepreneurs who making jobs advertising business or publisher.

How this rotating banner work when you get to a web? You will see a picture that will change by itself in a row when you do page refresh or move to another page in the same web eg http://tvokm.blogspot.com/p/about_11.html >> http://tvokm.blogspot.com/p/contact_4884.html.

First we go to Layout and click Add a Gadget. After that copy and paste the script below into the HTML / JavaScript Add space.

<script type="text/javascript">
var tvokm = [];
tvokm[0] = '<a href="Place url here!" target="_blank" rel="nofollow"><img src="Place your Url Photo!" alt="Place Your Title!" width="300" height="250"></a>'

var x = 0;

function rotate(tvokm) {
while (x < tvokm.length) {
var sort = Math.floor(Math.random() * tvokm.length);
if (tvokm[sort] != 0) {
document.getElementById('adspace').innerHTML = (tvokm[sort]);
tvokm[sort] = 0;
x++;
}
}
}
</script>

<script>
#adspace {

}

#adspace img {

}
</script>

<div id="adspace">
<script type="text/javascript">
rotate(tvokm);
</script>
</div>

I think no need for me to explain what you should do with the four colors text but if you still can not understand go to this link SMART BOX. 

Each time you add a photos, look carefully this script:

tvokm[0] = '<a href="Place url here!" target="_blank" rel="nofollow"><img src="Place your Url Photo!" alt="Place Your Title!" width="300" height="250"></a>'

Copy and paste the script just below it with no space but dont' forget to change the tvokm number eg tvokm[0] >> tvokm[1] >> tvokm[2].

Kudos to you. Well, if you like it don't forget to add some comment. Thanks :)