Head Banner Changing Image Tricks For Blogger

Hi Friends, Today i am sharing this articles how to change head image on reload the tab on blogger blog this is very simple and interesting.

Follow These Instruction:

Go to Blogger Dashboard

Template >> Edit Html >> Expand Widgets

Find  ]]></b:skin> and pase 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 following script and paste then above </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>

 If you face any problem please feel free to leave a comment your reply will be highly appreciate thanks and stay tuned.