Kali ini saya akan menjelaskan cara membuat floating image. Tahukah anda apa itu floating image? Floating image adalah gambar yang berada di pojok browser yang apabila di scroll maka gambar tersebut akan tetap berada di pojok browser.
- Buka Tata Letak > Edit HTML
- Paste script ini
<a href='(URL)' style='display:scroll;position:fixed;bottom:5px;left:5px;' target='_blank' title='orazatachi'><img src='(URL gambar)'/></a>
Text berwarna merah adalah url tujuan apabila gambar di klik. Bagian ini dapat dihapus.
Text berwarna biru adalah lokasi gambar tersebut. Pada kode diatas dituliskan "bottom:5px;left:5px", berarti gambar tersebut berlokasi pada 5 pixel dari bawah ("bottom:5px") dan 5 pixel dari kiri ("left:5px").
Text berwarna oranye adalah judul gambar tersebut. Judul akan muncul ketika mouse didiamkan pada gambar tersebut.
Text berwarna ungu adalah url gambar yang akan ditampilkan.
0 komentar:
Posting Komentar