Rabu, 03 Oktober 2007

Membuat random photo pada profile blogger

"Mas oom gimana cara membuat random photo pada Profile
Blogger?"




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:




<b:if cond='data:photo.url
!= ""'>

<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt'
expr:height='data:photo.height' expr:src='data: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='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



<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 :
http://anangku.blogspot.com/search?q=random


 



Tidak ada komentar:

Posting Komentar