Memasang floating image (gambar melayang)

Floating image atau gambar melayang adalah gambar yang terlihat melayang. floating image tidak terpengaruh atau bergerak ketika suatu halaman web digerakkan dengan scrolling browser. biasanya, floating image banyak dijumpai pada blog-blog. floating image adalah salah satu tips dan trik juga untuk mempercantik blog

Cara memasang floating image atau gambar melayang pada blog sangat mudah. Kita tinggal menyiapkan gambar yang akan kita pasang. biasanya, gambar floating image adalah gambar-gambar yang menampilkan informasi penting. bisa juga floating image atau gambar melayang digunakan sebagai logo feed blog kita. sehingga, apabila gambar tersebut di klik, akan menuju halaman feed kita. berikut ini contoh floating image atau gambar melayang :



Tutorial atau cara membuat floating image :
1. Menu Dashboard, klik Tata Letak, klik Edit HTML.
2. masukkan kode berikut ini sebelum kode </body> :

untuk gambar yang terletak di pojok atas kanan, kodenya :
<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>
untuk gambar yang terletak di pojok atas kiri, kodenya :
<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>
untuk gambar yang terletak di pojok bawah kiri, kodenya :
<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>
untuk gambar yang terletak di pojok bawah kanan, kodenya :
<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>
3. klik simpan.

Selesai sudah cara memasang floating image atau gambar melayang. Gambar yang akan kalian pasang bisa berupa gambar "follow twitter" yang linknya menuju ke twitter kalian juga bisa atau gambar logo feed yang linknya menuju halaman feed kalian. Kalian juga bisa memasang semua posisi floating image. Sekian, semoga bermanfaat.

Thanks to o-om.com buat referensi kodenya

2 komentar: