• Natlie Imbruglia

    Doesn`t she look very cool?

  • Thousands of Years

    Earth has lived thousands of years...

  • Fruits

    Fruits are vital for health and their nutrients...

  • The Lonely Road

    The Lonely Road reminds Me with You...

  • Twister

    Here are some twisting graphics for you...

Thursday, January 7, 2010

Cara buat random background pada blog

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]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiKZgfqThcUsKRfcSToRFjz4waxZKozyYxBWcTMYtaU1V2xGPUWlILml9niF7pYel0RNHbNx85vGOReaRtzPGH79PceU5oI02mZTfRgY-ujqWnbROzXnbge_otdT7jRTjUtKE1YVrP/s200/body-bg.png"
background[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq1yKs7eSA3czSJovgna9ywMjQdbhJNJAHCL9qiO96xH08-5wHZ_t4tfjpBoPhnko7chRgrqW6d922yyTJyxQIbu-HkEuxOKYQEgB84F7mowE1tdz8efbys97k5adhmZcuc7Ac3oSY/s200/fd-babydisney.jpg"
background[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBMMKnT9ZeDCQ2y1hR6RGRxOD5Oo0qxcNkHOsmmZc7lLIaZvWIbZzyXrKJDZws0GfLHJvEE3UrtSXJiQEFrz9mQvzrWTlAxEtee9h7ebHx0fMqYYuOT3rX4cZu_T2a3zgnfUw620oi/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.

9 comments:

  1. @wardah. ツ

    Boleh. Tapi backgroundnya jangan besar sangat saiznya.

    ReplyDelete
  2. aku ade nmpk cam salji2 gitu kat belog ini...masih musim krismes yer..hehehe

    akhirnya entri ini kuaw juge

    ReplyDelete
  3. @sukiminna

    Kahkah. Salji tu untuk entri akan datang.

    ReplyDelete
  4. wahh...background pun boleh tukar2?? besh2...
    nnti nk apply pada blogku...

    ReplyDelete
  5. salam...

    en. nes, tq ek for all the info...mmm..nak tompang tanya, kat belog ni cammana nak search artikel2 encik nes ek..nak baca satu2 jenuh gak..hehehe...anyway, bagus la kerja2 amal kongsi ilmu kamu ni... tQ =))

    ReplyDelete
  6. @sc

    Ye. Sama-sama. Bak closet sekilo.LoL

    ReplyDelete
  7. napa sy buat yg sign tuh tak boleh??
    pastu napa sy buat yg background random tuh tak leh??
    tau tak cam mana nak buat blockquote??

    ajaqkan..

    ReplyDelete