CARA MEMBUAT FLOATING IMAGE + HYPERLINK


Floating Image, sebelum saya memulai tutorial kali ini ada baiknya saya menjelaskan apa itu Floating Image. Floating Image (Inggris : gambar melayang) ya floating image adalah gambar melayang yang posisinya selalu mengikuti scroll, dan tidak akan tenggelam atau apalah jika kita menggeser scroll sampai ujung menjauhi floating image akan selalu mengikuti (Lihat contoh pada blog ini, gambar karakter berwarna merah memakai headset sedang berjalan) karena dengan kata lain, gambar ini tidak ditempatkan pada daratan halaman namun melainkan melayang, jadi bisa mengikuti halaman sepanjaaaang masa. hehehe

Untuk membuat Floating Image anda memerlukan gambar yang sudah diupload diweb hosting gambar, gambar berformat apa saja, saran saya sie mending format gif biar ada sedikit variasi bergerak-gerak, truz kalau bisa size nya diperkecil (- 50kb) agar tidak terlalu mepengaruhi loading blog.

Langkah-langkahnya :
-Login
-Rancangan
-Edit HTML
-Centang pada kolom Expand Widget

Cari kode </head> (tekan Ctrl+F untuk memudahkan pencarian) jika sudah ketemu, copy script dibawah ini lalu paste tepat diatas kode </head>



<a href='http://se-avancee.blogspot.com' target='_blank' title='Visit Here Next Time!'><img src="http://i1238.photobucket.com/albums/ff493/Putrasta/avt6.gif" style='position:fixed;absolute;bottom:2px;left:2px;width:80px;height:90px'/></a>


Ket.
Tulisan merah = ganti dengan url blog anda/lain sbgnya
Tulisan biru = ganti dengan link html gambar anda yang sudah diupload
Tulisan hijau = posisinya (bottom or top)
Tulisan ungu = lebar dan panjangnya.

Sekian dulu Tips tricks kali ini mudah-mudahan dapat mudah anda mengerti, silahkan komentar jika ada yang belum jelas. Selamat mencoba

Comments for this entry

ika_kia

gan, kalo bisa disertai gambar.. jadi saya tau hasilnya kaya gmana. trims

Anonim

Baca postingannya baik-baik sob. contohnya sudah ada di blog ini, yaitu gambar karakter berwarna merah sedang berjalan.
Pojok kiri bawah

on-idea

langsung ke TKP gan

Anonim

Silahkan Sob... :)

Kang Bizil Muslim

terimakasi atas ilmunya

Leave your comment

Thank you.