Memasang floating image/gambar melayang

sobat blogger, blognyaipank kali ini mau bagi-bagi tips gimana cara memasang floating image atau gambar melayang. sebenarnya tips ini udah banyak yang nge-share. kalau pada postingan sebelumnya, blognyaipank udah bahas image magnifier, jadi sekarang gantian bahas floating image. hehe.. floating image adalah sama saja dengan gambar melayang. kalian bisa liat di blog ini di bagian atas kanan dan bawah kanan. klo masih bingung, kalian bisa liat gambar di bawah ini :



nah, udah pada ngerti kan sob?hehe.. ok langsung ke cara buatnya..

1. Menu Dashboard, klik Tata Letak, klik Edit HTML.
2. masukkan kode berikut ini sebelum kode </body> :

kode atas kanan :

<a href='http://www.URLtujuan.com' style='display:scroll;position: fixed; top:5px;right:5px;' title='ganti title anda disini'><img src='URL gambar kalian'/></a>

kode atas kiri :

<a href='http://www.URLtujuan.com' style='display:scroll;position: fixed; top:5px;left:5px;' title='ganti title anda disini' ><img src='URL gambar kalian'/></a>

kode bawah kiri :

<a href='http://www.URLtujuan.com' style='display:scroll;position: fixed; bottom:5px;letf:5px;' title='ganti title anda disini'><img src='URL gambar kalian'/></a>

kode bawah kanan :

<a href='http://www.URLtujuan.com' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='ganti title anda disini'><img src='URL gambar kalian'/></a>

Ok sob, selamat mencoba yah sob..hehe..kalian juga bisa ngasih semua floating image diatas. tinggal di copy paste aja semua kodenya sebelum kode </body>. kalau udah tinggal klik simpan sob!hehe..


Very Thanks to o-om.com buat referensi kodenya.. :)