Membuat Anu di Pojok (Floating Image) di Blog

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>
#floating {
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); }
Kode yang tebal dan hijau  bisa kamu ganti dengan letak yang kamu inginkan! (seperti right, left, top, atau bottom)
Langkah selanjutnya memanggil fungsi dari CSSnya
Caranya dengan menaruh kode HTML berikut di atas
<div id="floating">
<img src="http://kendhin.890m.com/soniclari.gif" border="0" />
</div>
Kode yang warna merah silahkan ganti dengan alamat gambar kamu!
Simpan Template
Oh iya demonya ada di ntombol shortcut yang ada di pojok bawah blog

0komentar:

Leave a Reply

GET UPDATE VIA EMAIL
Dapatkan kiriman artikel terbaru langsung ke email anda!

Infolinks In Text Ads

Related Posts Plugin for WordPress, Blogger...
Your browser does not support frame. Inbox Your Sms

Subscribe via email

Enter your email address:

Delivered by FeedBurner

Get this widget!

Search

  • Archives

Related Posts Plugin for WordPress, Blogger...

Label Cloud


ShoutMix chat widget
ads ads ads ads
515 loyal readers
RSS feed | E-mail