Head banner image changing on reload for Blogger Blog

Today i am saying about an interesting thing .Head banner changing trick for blogger
This is a simple blogger hack.when you add this, your blogger blog’s header image will change after RELOAD the webpage on your browser.
Follow the instructions ๐
- Sign In to your blogger account.
- Go to Template->Edit HTML
- Find ]]></b:skin> and paste the following code before it.
#header {
background: url(“your header image url in quotes“) no-repeat left bottom;
margin:0;
padding:2px;
}
- Then copy the below scriptย and place above the </head> tag:
<script type=”text/javascript”>
var banner= new Array();banner[0]=”1st image url”;
banner[1]=”2nd image url”;
banner[2]=”3rd image url”;
banner[3]=”4th image url”;
banner[4]=”5th image url”;
var random=Math.round(4*Math.random());document.write(“<style>”);
document.write(“#header {“);
document.write(‘ background:url(“‘ + banner[random] + ‘”) no-repeat left TOP;’);
document.write(” }”);
document.write(“</style>”);
</script>
you are done…:)
If any problem with this blogger trick please leave comment,don’t hesitate to ask,we are happy to help you:)
thnx nice tips
All exclusive tips and tricks
Thanks for the banner tutorial.
Having your own web standard making programming pays off by making more deals for your business. Pennant promotions are a standout amongst the most well known and compelling strategies for web publicizing.
design dine egne banner
nice designing tips.
Uttarakhand and Uttaranchalhills Blog