How to insert banner rotator in your blog?

Wan to insert a banner rotator in your blog? It's here!

1. Go to your blog dashboard, click on Layout
   
   
   
   
   
2. Press inside the Layout and click Add Gadget 
   
3. Search for HTML/Java Script
   
4. Paste the below code inside and leave the title blank, then it's done!!

<script type="text/javascript">

<!-- Begin

rnd.today=new Date();
rnd.seed=rnd.today.getTime();
function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};
function rand(number) {
var result = Math.ceil(rnd()*number);
if (!result)result++;
return result
};
var ad_cnt1 = 3; <!-- Change it if more than 3 banner --> <!-- Remember to put add yellow colour code if you insert more than 3 banner -->
var ad1 = rand(ad_cnt1);
var link1;
var adBanner1;
var width1
var height1
if (ad1==1) {
<!-- Remember to put add yellow colour code if you insert more than 3 banner -->
link1="url for banner 1";
adBanner1="image url for banner 1";
width1="Image Width";
height1="image height";
alt1="alt text 1";
}
if (ad1==2) {
<!-- Remember to put add yellow colour code if you insert more than 3 banner -->
link1="url for banner 2";
adBanner1="image url for banner 2";
width1="Image Width";
height1="image height";
alt1="alt text 2";
}
if (ad1==3) {
link1="url for banner 3";
adBanner1="image url for banner 3";
width1="Image Width";
height1="image height";
alt1="alt text 3";
}
document.write('<center><a href="' + link1 + '" target="_blank">');
document.write('<img src="' + adBanner1 + '" width=' + width1 + ' height=' + height1 + ' border=0 alt="' + alt1 + '"></a>');
document.write('</center>');
// End -->
</SCRIPT>