CV.ANGGA: Membuat Gambar Melayang (Float Image)

Hai kawan saya ingin membagi sedikit ilmu cara membuat gambar melayang. coba lihat blog samping kiri pada layar itu salah satu contohnya.

Bagaimana Cara Membuatnya?

Klik Menu Edit HTML

Klik Edit HTML --> Sebelumnya terlebih dahulu teman backup dulu templatenya dengan mengklik Download Template Lengkap.Supaya bila terjadi kesalahan maka bisa diulang kembali.

Lalu taruh Code dibawah ini diatas Code ]]></b:skin>

#melayang { 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); }

Tulisan yang berwarna merah dan tebal diatas itu adalah posisi widgetnya bottom adalah bawah jika ingin mnaruh diatas bisa kamu ganti dengan top, Left adalah kiri jika ingin mengganti di kanan bisa kamu ganti dengan right.

Langkah selanjutnya taruh code dibawah ini yang merupakan widget sebelum Code

<div id="melayang"> <a href="http://www.angga-artikelumum.blogspot.com/"> <img src="http://www.geocities.com/ridwanox/Luffy-1.gif" border="0" /></a> </div>

"http://www.angga-artikelumum.blogspot/" adalah link. ganti dengan link kamu.

"http://www.geocities.com/ridwanox/Luffy-1.gif" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.