Hmmmm, apa sih floating image? Sering juga orang-orang menyebutnya image yang melayang. Maksudnya? Kamu pasti pernah melihat sebuah gambar atau image pada halaman suatu blog atau situs yang jika kamu melakukan scroll, gambar itu tidak bergerak. Tetap pada posisi awalnya. Pernah kan? Agar lebih jelas, silahkan lihat di sini. Tempatnya di pojok kanan bawah monitor. Tulisannya gede ko, he3h. Nah itu salah satu contoh floating image.
Jika situs kamu pengen kamu beri floating image, silahkan baca petunjuk-petunjuk di bawah.
- Login ke akun blog yang ingin kamu beri floating image.
- Masuk ke Rancangan > Tata Letak > Edit HTML. Backup dulu ya template nya.
- Cari kode
Posisi:
Kiri atas
<a href='http://link_kamu' style='display:scroll;position: fixed; top:5px;left:5px;' title='keterangan_yang_keluar_saat_mouse_mengarah_pada_image'><img src='URL_image_kamu'/></a>
Kiri bawah
<a href='http://link_kamu' style='display:scroll;position: fixed; bottom:5px;left:5px;' title='keterangan_yang_keluar_saat_mouse_mengarah_pada_image'><img src='URL_image_kamu'/></a>
Kanan atas
<a href='http://link_kamu' style='display:scroll;position: fixed; top:5px;right:5px;' title='keterangan_yang_keluar_saat_mouse_mengarah_pada_image'><img src='URL_image_kamu'/></a>
Kanan bawah
<a href='http://link_kamu' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='keterangan_yang_keluar_saat_mouse_mengarah_pada_image'><img src='URL_image_kamu'/></a>
Ubah text berwarna orange dengan image dan link kamu. Copy salah satu script di atas, lalu paste di atas kode <body>. Setelah di-paste, lebih baik preview atau pratinjau dahulu. Jika image sudah pas dengan apa yang kamu inginkan, klik aja Simpan. Monggo dijajal.......
0 komentar:
Poskan Komentar