Blog Inspirasi Digital

Blog Inspirasi Digital

Tutorial Mikrotik, Hotspot, Blog, SEO, WEB 2.0, HTML, CSS, Javascript dan Inspirasi Digital

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
 

BERI KOMENTAR

Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel :)
 

Back to Top