Tampilkan postingan dengan label tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label tutorial. Tampilkan semua postingan

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

Selengkapnya.....