Sabtu, Februari 07, 2009

Gambar Always on Top

Tutorial blog buat Anda yang ingin menampilkan gambar yang selalu berada di atas layar Blog Anda ! (seperti yang ada di sebelah kiri bawah Blog ini )
Ikuti langkah-langkah berikut ini



Langkah Pertama :
*) Siapkan gambar yang akan di pakai. Buat jangan terlalu besar dan simpan dengan format JPG atau GIF.
*) Upload gambar yang Anda buat dan catat alamat URL nya

Langkah Kedua :
*) Sign In di Blogger
*) Klik Tata Letak
*) Klik Tab Edit HTML
*) Jika perlu klik tulisan Download Template Lengkap untuk membackup template Blog Anda
*) Cari kode ]>><\b:skin> kemudian copy kode berikut ini persis di atasnya
#top_image {
position:fixed;
_position:absolute;
bottom:5px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }
*) Kemudian cari kode <body> dan copy kode berikut ini dibawahnya
<div id='top_image'>
<img border='0' src='http://(alamat-gambar-Anda)?imgmax=800'/>
</div>
*) Klik tombol Simpan template
*) Selesai dan lihat hasilnya


terima kasih buat Kang Rohman

Tidak ada komentar: