Trik ini saya dapatkan dari salah satu teman yang sangat jago dalam mendesain blog. Alhamdulillah ternyata pada template blog yang saya gunakan kode HTML nya dapat terintegrasi dengan baik. Setelah saya lihat pada template blog umumnya kode yang akan dimodifikasi ini secara umum selalu ada, so untuk sobat yang ingin lihat fungsinya, silahkan sobat REFRESH tampilan blog ini dan lihat tampilan foto profil / About me disamping. Jika belum berubah coba sobat baca salah satu posting saya, kemudian kembali ke tampilan Home ,lihat perubahan foto profil tersebut. Bagaimana menarik bukan ..??
Untuk membuat tampilan profil seperti itu ikuti langkah-langkah berikut ini :
1. Login ke blogger sobat
2. Klik Layout / Tata letak - Edit HTML
3. Klik / ceklist option Expand Widget Templates
4. Cari kode berikut ini
Untuk membuat tampilan profil seperti itu ikuti langkah-langkah berikut ini :
1. Login ke blogger sobat
2. Klik Layout / Tata letak - Edit HTML
3. Klik / ceklist option Expand Widget Templates
4. Cari kode berikut 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>
5. Kemudian ganti kode 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>
Keterangan
Ganti PHOTO-URL dengan URL foto kamu sendiri, kemudian pada kode var num = rand(2); angka 2 mewakili jumlah array yang kita buat / jumlah foto yang akan dirandom munculnya, Pada contoh di atas berarti ada 2 array, 0 dan 1. Jika ingin lebih dari 2 maka pada tag pic[..], alt[..], dan rand(..) harus anda ubah sesuai dengan jumlah foto yang akan dirandom munculnya (dimulai dari 0,1,2,3 = 4 foto)
Selanjutnya ganti kode XXX dengan 20 angka (untuk New Blogger) yang ada pada profil blogger kalian masing-masing.
6. Jika telah diedit semua klik SIMPAN TEMPLATE
7. Silahkan Lihat Blog sobat
Kode diatas dapat anda download disini Download Kode
Wah mantap sobat ... saya coba ya..!
bagus juga ni postingan ... coba bos ... biar asyik lihat blogbya.
oke lanjutkan ...