Selamat Datang
blognyaipank

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.. :)

6 komentar:

ote tatsuya mengatakan...

thanks buat artikelnya sob...ini dia yang aku cari2...

fbycom mengatakan...

kalau ingin buat yang ada tombol closenya bagaimana?

welcome to sedayulawas indonesia mengatakan...

informasix sangat membantu...

Awang mengatakan...

langsung di coba mas

'-Sapril Ramadhan-' mengatakan...

kk,yg di mksud title di situ apa.?"
apa link gambar kita,apa link blog kita,apa ukuran gambar yg mau di tampilkan..
tolong di pecahkan masalahnya kk...

sebelumnya maaf ya kk,aku mau tuker link ne:
http://ramagokilabies.blogspot.com/

jgn lupa follow me....

keyyyyyyyyy......

blognyaipank mengatakan...

@'-Sapril Ramadhan-' :
title tidak dipakai juga gpp ko..
title berguna saat mouse berada pada suatu link akan muncul keterangan yang anda sisipkan pada title tersebut..

LIAT AJA link dibawah ini bro,linknya jgn di klik,cukup tempatkan mouse pada linknya ;)

PAKAI TITLE

GAK PAKAI TITLE

Posting Komentar

Silahkan meninggalkan komentar Anda, apabila Anda tidak ingin diketahui identitasnya, Anda bisa memberi komentar sebagai Anonim. komentar yang mengandung SARA tidak akan ditampilkan.