Sebenarnya aku bingung mau posting apaan, karena aku hampir kehabisan ide nih kawan. Tapi, akhirnya aku dapet ide juga, dan kali ini kita akan bahas tentang 'anu' yang selalu ada di pojok. Sebenarnya posting kali ini mau aku beri judul 'Floating Image' tapi di Google judul 'anu di pojok' lebih populer, jadi aku putuskan dua-duanya deh...
Hum Floating Image adalah gambar yang selalu ada di layar walaupun scrollbar kita gulung kemanapun dia akan tetap setia berada di tempatnya (ciee...).
Copy kode ini dan paste diatas ]]></b:skin>
Langkah selanjutnya memanggil fungsi dari CSSnya
Caranya dengan menaruh kode HTML berikut di atas
Simpan Template
Oh iya demonya ada di ntombol shortcut yang ada di pojok bawah blog
Hum Floating Image adalah gambar yang selalu ada di layar walaupun scrollbar kita gulung kemanapun dia akan tetap setia berada di tempatnya (ciee...).
Copy kode ini dan paste diatas ]]></b:skin>
#floating {Kode yang tebal dan hijau bisa kamu ganti dengan letak yang kamu inginkan! (seperti right, left, top, atau bottom)
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Langkah selanjutnya memanggil fungsi dari CSSnya
Caranya dengan menaruh kode HTML berikut di atas
<div id="floating">Kode yang warna merah silahkan ganti dengan alamat gambar kamu!
<img src="http://kendhin.890m.com/soniclari.gif" border="0" />
</div>
Simpan Template
Oh iya demonya ada di ntombol shortcut yang ada di pojok bawah blog
0komentar:
Leave a Reply