Friday 6 November 2009

Random Photo in Blogger

PS: Untuk blogger lainnya yang ingin bikin random photo, buka edit HTML kemudian beri tanda centang pada kotak Expand Widget Templates. Lalu 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>




Kemudian 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.



Selanjutnya silahkan diimprovisasikan sendiri sesuai dengan keinginan masing-masing...



Selamat mencoba!















No comments:

Post a Comment