Random Image Header For Blog

Random image header at blogger actually can be change automatically each time page in Refresh or in Reload. Target this tutorial of course fixed makes our blog come ups dressier. Besides made blog are seen more lived also good for making the visitor attract when visit our blog, in order to blog not monotonous our must enhance this Random image header. Keep your Eyes for It
Don't wanna waiting for it ?? let's move on

Open Template -> Edit HTML

Find this code <b:skin><![CDATA[

Then, Copy the code below, paste code is referred below on code above, then save and see the result.

</script>

<script type='text/javascript'> var gambar= new Array()

gambar[0]="http://alamat_url_gambar1" 

gambar[1]="http://alamat_url_gambar2" var acak=Math.floor( 2 *Math.acak()); document.write("<style>");

document.write("#header {"); document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;'); document.write(" }");

document.write("</style>"); </script>

How the code if my picture 5 or more ?? don't confuse just copy the code below

</script>

<script type='text/javascript'> var gambar= new Array() gambar[0]="http://alamat_url_gambar1" 

gambar[1]="http://alamat_url_gambar2" 

gambar[2]="http://alamat_url_gambar3" 

gambar[3]="http://alamat_url_gambar4" 

gambar[4]="http://alamat_url_gambar5" var acak=Math.floor( 5 *Math.acak()); document.write("<style>"); document.write("#header {"); document.write(' background:url("' + gambar[acak] + '") no-repeat top left ;'); document.write(" }"); document.write("</style>"); </script>

just remember the number with red sign is list of your picture  and it's always start from 0 (zero)

and http://alamat_url_gambar1  is your picture URL. you can get the URl from your image hosting like google picasa, photobucket, flickr,etc

enjoy the stuff and attract more visitor for your blog

Enter your email To get Update this blog for free:

Delivered by FeedBurner

Related Posts by Categories