:: Cocoretan Orang Sunda

Pertanyaan diatas pernah ditanyakan oleh salah satu sahabat blogger pada shoutbox, Random photo pada profile yaitu cara mengubah gambar secara bergantian ketika halaman tersebut di-Refresh atau di reload ulang. Jadi gambar tersebut tidak hanya itu-itu saja tapi bisa tampil gambar yang lain sesuai dengan keinginan kita. lebih jelasnya lihat gambar porfile saya yang selalu berubah-ubah.Untuk menjawab pertanyaan yang sama oom posting disini saja ya. codenya selengkapnya bisa dilihat dibawah ini.

Contoh Script :

Tuju ke halaman edit HTML kemudian beri tanda centang pada kotak Expand Widget Templates. kemudian cari kode di bawah ini:

Ganti kode yang tercetak tebal di atas dengan kode javascript di bawah ini:

alt = new Array;
alt[0] = “My Photo”;
alt[1] = “My Photo”;

var now = new Date();
var seed = now.getTime() % 0xffffffff;

function rand(n) {
seed = (0x015a4e35 * seed) % 0x7fffffff;
return ( seed >> 16 ) % n;
}

document.write(“<a href=’http://www.blogger.com/profile/XXX‘><img alt=’” + alt[num] + “‘ border=’0′ class=’profile-img’ height=’80′ src=’” + pic[num] + “‘ width=’60′/></a>”);
</script>

Perhatikan pada kode yang ditandai dengan huruf tebal. Ganti PHOTO-URL dengan URL foto kamu sendiri, kemudian pada kode var num = rand(2);, angka 2 mewakili jumlah array yang kita buat. Pada contoh di atas berarti ada 2 array, 0 dan 1. Dan selanjutnya ganti kode XXX dengan 20 angka (untuk New Blogger) yang ada pada profil blogger kalian masing-masing.

Sedikit menambahkan jika kalian ingin memodifikasi 6 gambar yang berbeda codenya bisa dilihat di bawah ini

alt = new Array;
alt[0] = “My Photo”;
alt[1] = “My Photo”;
alt[2] = “My Photo”;
alt[3] = “My Photo”;
alt[4] = “My Photo”;
alt[5] = “My Photo”;

var now = new Date();
var seed = now.getTime() % 0xffffffff;

function rand(n) {
seed = (0x015a4e35 * seed) % 0x7fffffff;
return ( seed >> 16 ) % n;
}

var num = rand(6);

document.write(“<a href=’http://www.blogger.com/profile/XXX’><img alt=’” + alt[num] + “‘ border=’0′ class=’profile-img’ height=’80′ src=’” + pic[num] + “‘ width=’60′/></a>”);
</script>