Membuat Gambar melayang di WordPress.com
Gambar Melayang atau Floating Image adalah gambar yang posisinya selalu tetap/tidak bergeser ketika mouse kita gerakkan keatas ataupun kebawah.(kurang lebih begitu).
Contohnya bisa Anda lihat di pojok kanan atas halaman utama blog ini dan disebelah kiri halaman ini. Selain membuat blog Anda tampak cantik, gambar itu juga dapat mengarah ke halaman yang ingin anda tuju. misalnya gambar burung elang di sebelah kiri ini linknya menuju tutorial membuat-text-berjalan-dengan-file-swf/, itu lho tulisan berjalan dibawah halaman seperti text berjalan di TV-TV itu. he.he . . .
Anda dapat memasang linknya tetap berada di blog anda sendiri dan bisa juga mengarah ke alamat blog yang lainnya.
Lalu bagaimana cara memasangnya?
Copy code berikut lalu pastekan ke mode html halaman/tulisan baru jika ingin memasangnya di halaman Anda saja dan untuk memasang di halaman utama anda harus memasang di widget teks di sidebar Anda.
Posisi bawah-kiri
<div style="display:scroll;position:fixed;bottom:0;left:0;"><a href="" terget="_blank">URL link yang dituju
<img src="URL gambar berada" />
</a></div>
Posisi bawah-kanan
<div style="display:scroll;position:fixed;bottom:0;right:0;"><a href="URL link yang dituju" target="_blank">
<img src="URL gambar berada" />
</a></div>
Posisi atas-kiri
<div style="display:scroll;position:fixed;top:0;left:0;"><a href="" target="_blank">URL link yang dituju
<img src="URL gambar berada" />
</a></div>
Posisi atas-kanan
<div style="display:scroll;position:fixed;top:0;right:0;"><a href="" terget="_blank">URL link yang dituju
<img src="URL gambar berada" />
</a></div>
Keterangan:
Tulisan yang saya warnai dengan warna merah itu link yang akan di klik atau di tuju, misalnya http://irfanhandi.wordpress.com/ nah kalau yang warna biru itu tempat url dimana letak gambar tersebut berada, misalnya: http://fitr4y.files.wordpress.com/2011/05/eagle2.gif
Demikian cara pasang floating images atau gambar melayang ini, jika kurang jelas mari kita sama-sama bahas.
Untuk Mas Andan yang sempat bingung, mungkin ini jawabannya.
Ternyata kalau dipasang di halaman scriptnya berubah menjadi sepert ini:
Unduh disini
Coba pastekan code diatas di halaman/tulisan baru di mode html kemudian lihat hasilnya di mode visual.
Semoga membantu.
Sumber Gambar: Fitr4y’s Blog
Mulai tanggal 29 Februari 2012, Blog Irfan Handi dikelola oleh 
Annunaki (Red)
siiip nih tutorialnya.sy coba dulu ya pak. trims
September 16, 2011 pada 7:19 am
seperti membuat social media melayang gtu ya..
September 16, 2011 pada 12:36 pm
Saya udh nyoba,tapi gambar ngak muncul jg, hehehe…mhn pencerahanya ya pa
September 16, 2011 pada 1:55 pm
Terima kasih, gambar melayang sudah success terpasang
September 19, 2011 pada 4:16 am
Assalamu’alaikum………..
Punten, baru nongol lagi……..maklum habis menunaikan tugas negara ! Ga percaya…? Nih oleh-olehnya bisa diintip di http://gunawank.wordpress.com/2011/09/15/gara-gara-hantu-jadi-terkenal/
Tipsnya ok. ntar mau coba deh.
Salam
September 17, 2011 pada 7:07 am
Tipsnya mantab…
Nyoba ahh…
September 17, 2011 pada 3:35 pm
saya juga pernah buat posting ini, kalau di kembangkan lagi bisa seperti navbar samping saya
, tapi sudah nggak saya pakai , semnagat
September 18, 2011 pada 7:43 am
labkomputerku akhirnya bsa juga berkomen dsni
September 19, 2011 pada 8:53 am
saya udah singkirkan banyak float images dari blog saya terutama yg flash animation…berat di loadingnya
September 21, 2011 pada 10:28 am
kalau saya mampir kesini, selalu saja ada yang berubah dan makin keren..
makasih gan tipsnya
September 21, 2011 pada 10:37 am
Keren mas Irfan…
September 22, 2011 pada 1:27 am