How To Create Random Rotating Banners In Blogger

Sometimes you need to use random rotating banner in your blog for professional look.By default Blogger doesn't provide such applications.Here is a small hack which let you play random rotating banner in your blog.

Steps :

1. Place this piece of script in the CCS Style Section :

#header {
background:#476 url("http://www.blogblog.com/rounders4/bg_hdr_bot.jpg") no-repeat left bottom;
margin:0 0 0;
padding:0 0 8px;
color:#fff;
}

2. Place this piece of code right after the Body tag:

<script type="text/javascript"><br /><br />var banner= new Array()<br /><br />banner[0]="http://static.flickr.com/84/2690534<br /><br />49_acad87a793_o.jpg"<br />banner[1]="http://static.flickr.com/95/2690534<br /><br />38_4ef5a3983e_o.jpg"<br />banner[2]="http://static.flickr.com/96/2690534<br /><br />04_44a3b0eda8_o.jpg"<br />banner[3]="http://static.flickr.com/108/269053<br /><br />262_608edbdda4_o.jpg"<br />banner[4]="http://static.flickr.com/98/2690532<br /><br />32_6f7c6f994a_o.jpg"<br />var random=Math.round(4*Math.random());<br /><br />document.write("<style>");<br />document.write("#header {");<br />document.write(' background:url("' + <br /><br />banner[random] + '") no-repeat left TOP;');<br />document.write(" }");<br />document.write("</style>");</script>

or Get Code here

This scripts above used Java Script to define an array of 5 url locations of the banners' graphic. Then the next line generate a random discret number between 0-4. The next part will generate some html codes to overwrite the "background" definition of the the "Header" style by selection a random banner everytime.

You will need to change the following:

1) The URL Locations of your graphics.
2) If you have 5 banners, you type "4" in the random number generating equation Math.round(4*Math.random()); If you have 3 banners type "2" and so forth.


Source : [Freeyasoul]


Recommended Firefox Browser for Greater Movie Download Speed & Resolution
Firefox download manager download the movie very fast compare to other browsers

Download Latest Multimedia, Security & Adobe Software from Google Software Pack