Buat Random Photo Profil di Blogspot


Jika sobat membuka blog ini, kemudian mereload halaman demi halaman, maka photo di profil blog ini akan berubah secara otomatis. Tujuannya sangat sederhana, yakni agar para pengunjung tidak bosan memandang photo kita.

Itulah tutorial yang akan kita sharing pada postingan kali ini. Dalam dunia blogsphare, hal itu lazim disebut sebagai Random Photo Profil. Tertarik memasangnya? Berikut langkah-langkahnya.

Pertama :
Masuk ke DASBOP, buka EDIT HTML dan jangan lupa kasih tanda centang pada kotak Expand Widget Templates.

Kedua :
Cari kode berikut.

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

Ketiga :
Ganti kode yang berwarna hijau dengan kode javascript di bawah ini.


<script>
var pic, alt;
pic = new Array;
pic[0] = "link url photo kamu";
pic[1] = "link url photo kamu";
pic[2] = "link url photo kamu";
pic[3] = "link url photo kamu";
pic[4] = "link url photo kamu";
pic[5] = "link url photo kamu";
pic[6] = "link url photo kamu";
pic[7] = "link url photo kamu";


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";
alt[6] = "My Photo";
alt[7] = "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(8);

document.write("<a href='http://www.blogger.com/profile/04153139623278318187'>
<img alt='" + alt[num] + "' border='0' class='profile-img' height='135' src='" + pic[num] + "' width='100'/></a>");
</script>



Catatan :

      Ganti tulisan link url photo kamu dengan url photo anda. Saya biasanya menyimpan gambar di hosting gratis seperti Photobucket dll.

      Angka 8 pada kode var num = rand(8); menunjukkan banyaknya array atau photo yang akan ditampilkan. Pada contoh di atas berarti ada 8 array, yakni 0-8.

      Kemudian ganti http://www.blogger.com/profile/04153139623278318187' dengan url profil blog anda. Caranya, klik Lihat Profil pada DASBOR blog anda.

      Kode height='135' dan width='100' menunjukkan tinggi dan lebar photo profil blog anda. Untuk standar blogger, biasanya tinggi 80, lebar 60. Sesuaikan dengan photo profil blog anda.



Thank's untuk Mas Anang atas Source-nya.
Previous Post Next Post