Popular Posts

Head Banner changing trick for blogger


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.
  • Goto Design->Edit HTML
  • Find ]]></b:skin> and paste the following code before it.
#header {
background: url("your head image url") no-repeat left bottom;
margin:0;
padding:2px;
}
  • Then copy the below script  and place it inside 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:)

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

{ 0 comments... read them below or add one }

Post a Comment