MEMBUAT RANDOM PHOTO DI BLOGSPOT

Pertanyaan diatas pernah ditanyakan oleh salah satu sahabat blogger , 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 q posting neng kene wae 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:

<b:if cond='data:photo.url != ""'>
<a expr:href=userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src=photo.url' expr:width='data:photo.width'/></a>

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

<script>
var pic, alt;
pic = new Array;
pic[0] = “PHOTO-URL“;
pic[1] = “PHOTO-URL“;

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;
}

var num = rand(2);

document.write(“<a href=’[You must be registered and logged in to see this link.]‘><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

<script>
var pic, alt;
pic = new Array;
pic[0] = “PHOTO-URL”;
pic[1] = “PHOTO-URL”;
pic[2] = “PHOTO-URL”;
pic[3] = “PHOTO-URL”;
pic[4] = “PHOTO-URL”;
pic[5] = “PHOTO-URL”;

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>

Sebelumnya permintaan maaf atas penggandaan kode ini tanpa konfirmasi terlebih dahulu pada nara sumber, Terima kasih buat mas Anang’s Blog untuk sampel codenya.

Code Sumber : [You must be registered and logged in to see this link.]