12 May 2010

Membuat Random Background pada Blog

 (Gambar dari google search)

Random background  adalah background yang akan berubah secara random setiap kali terjadi view page pada blog tersebut. Untuk contoh background yang ditunjukkan, ada 3 layout berbeda yang di pasang sebagai background blog. silakan klik Reload current page atau Refresh untuk penggantian background

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

langkah 1 

  1. Login blog
  2. Dashboard 
  3. Layout
  4. Add A Gadget. 
  5. Selanjutnya, klik pada HTML / Javascript

Langkah 2 

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

pesan:Anda dapat mengubah layout background mengikutkesesuaian blog anda dengan mengganti URL background disini . Ganti URL yang di bold dengan URL background pilihan anda.

<script type="text/javascript">
var background= new Array()
background[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzwinmTa3ktOCiUBoBHtAuNMcTblkvlKj-dNb7t9J_vxtC5bBWUhcZVUZOLJQBCYXo03stg85HlVjhyE2RnDcIO0UNCOQWMaaf_6JQl75DyCdVGDg5T5f150z00EDDlj7OfGnUe0gx/s200/body-bg.png"
background[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSC59M9cREV_jqv8VlhVPHs5rLu3Y_jfWRyxP3z4ILq7EYZ2zKoi74X_SsI4ZNiX1ccdq6JMIVFli5OJXf1txW87fCBhfwqs4s4-h3FezhLbKO6VtZfyfRZ3lnGaRZUDDVL05d1H2T/s200/fd-babydisney.jpg"
background[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb3LYnUrupnt9YTDYe2ZL4J0RItt9eF0r-6zWOtPLO88YJS4clkdDv-_GESy1ExEQhtl2RnYZJUVPtcGRyQ3ft_cnl5xCggW8hbgRws-gBcbW9-ao2M01FNRWd_EC0K5zYD_-CvU0B/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>

Untuk demonya luhat di sini

20 comments:

  1. info yang keren nih tuk buat beautyful blog, bisa dicoba

    ReplyDelete
  2. Kayaknya keren juga nich...
    Tapi gak ada demonya ya?

    ReplyDelete
  3. @Rock
    Demonya Silahkan lihat di http://testinglagilahwei.blogspot.com/

    ReplyDelete
  4. mantap banget tutorialnya...
    makasih banyak.

    ReplyDelete
  5. widih, klo isi begini jadi makin cadas dah blog nya..hm..

    ReplyDelete
  6. hmmm sepertinya menarik ya sob..coba2 saya pelajari dl yach thanks sharingnya
    Sukses Slalu!

    ReplyDelete
  7. Wah mantab nih.....tp mau dicoba lagi malas edit template...

    Yowes sukses terus ya zal??n jangan bosan2 kunjung diblogku......


    Tak tunggu kunjungan baliknya???


    DiNajibblog2010

    ReplyDelete
  8. bagus sob perlu di coba...........:c:

    ReplyDelete
  9. wah sob sudah aq coba,hasilnya bagus bro...........:h:

    ReplyDelete
  10. wah ini mak nyus.background bisa gonta ganti otomatis.mak nyus tenan

    ReplyDelete
  11. wah.. Aku save dulu.. Tapi ini gak ada pengaruh sama loading blog kan?

    ReplyDelete
  12. Tak jijale wes.....tak tunggu komentnya......

    ReplyDelete

Komentar apa aja sob,mau iklan, mau nyepam mau apa aj boleh,yang penting komentar. Kalau mau follow saya dan konfirmasi, nanti akan sya follow balik, dan jangan kapok berkunjung di blog berat ini !!!