How to Change Your Header Imager Automatically

Today tutorial blog and blogger hack. How do you feel today? ready for hack your blog now? I will write about how to make your header image always change automatically with your images. Your header image will change if you open the new page or just refresh it.
Ok, now we start to hack your template, don’t forget to backup your template to your computer (that’s so funny if you don’t know how to back up yours, don’t you?)

Now, follow these instructions:
• Go to the edit Template
• Backup first ( I say it again or you will be sorry to yourself )
• Copy these code below

<script type='text/javascript'>
var gbr= new Array()
gbr[0]="http://yourimagehere1.png"
gbr[1]="http:// yourimagehere2.png"
gbr[2]="http:// yourimagehere3.png"<
gbr[3]="http:// yourimagehere4.png"
gbr[4]="http:// yourimagehere5.png"
var random=Math.floor(5*Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + gbr[random] + '") no-repeat top left;');
document.write(" }");
document.write("</style>");
</script>

• And paste below this code

]]></b:skin>

Now, save your template and check your blog by refreshing on your blog page.
Btw, don’t forget to change the red word with your images.

It’s done and happy blogging for you all.
Feel free to subscribe my article to your e-mail or feeds reader .
Happy blogging,,
See ya

Hi,,please subscribe my RSS for Free by click this image

Enter your email To get Update this blog for free:

Delivered by FeedBurner

Related Posts by Categories