1News Online:
Home » » Tutorial Blog - Cara buat random background pada blog

Tutorial Blog - Cara buat random background pada blog

Wednesday, October 31, 2012 | 2:53 AM

Random background seperti yang boleh anda lihat pada background blog ini(sila klik), adalah background yang akan bertukar secara random setiap kali berlaku view page pada blog tersebut. Untuk contoh background yang ditunjukkan , terdapat 3 layout berbeza yang di pasang sebagai background blog.

p/s: Sila klik Reload current page atau Refresh. 

Untuk mencuba random background tersebut, hanya ikut beberapa langkah di bawah.

langkah 1

Log in blog => Dashboard => Layout => Add A Gadget. Seterusnya, klik pada HTML/Javascript.

Langkah 2

Salin kod di bawah dan paste pada ruang Content HTML/Javascript. 

p/s: Anda boleh menukar layout background mengikutkesesuaian blog anda dengan menggantikan URL background disini(klik). Gantikan URL yang di bold dengan URL background pilihan.

<script type="text/javascript">
var background= new Array()
background[0]="http://4.bp.blogspot.com/__hqk0jmhlcE/SzpjVIJLPnI/AAAAAAAAAIc/gOYxKL8bSqY/s200/body-bg.png"
background[1]="http://4.bp.blogspot.com/__hqk0jmhlcE/Szpi-oA5tuI/AAAAAAAAAIE/vqds5Z6-UH4/s200/fd-babydisney.jpg"
background[2]="http://1.bp.blogspot.com/__hqk0jmhlcE/Szpigo76TbI/AAAAAAAAAHE/k0f9rZ_or-I/s200/0003a-background.jpg"
var random=Math.floor(3*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + background[random] + '") repeat top center;');
document.write(" }");
document.write("</style>");
</script>

Akhir sekali klik Preview, dan jika tiada mesej Error yang terpapar, klik saja Save.
Kongsi artikel ini : :

Post a Comment

 
Copyright © 2012. 1News Online - All Rights Reserved
Proudly powered by Blogger