Kamis, 04 Oktober 2012

Cara menambahkan floating image pada blog

Di postingan kali ini saya akan berbagi tips n trick untuk blogger.
yaitu menambah kan floating image di blog. Untuk yang belum tahu apa itu floating image saya akan sedikit membahasnya  terlebih dahulu.
Floating image atau gambar melayang adalah
gambar bergerak yang ada di blog apabila kita menscroll down atau up gambar tersebut tidak akan bergeser tetap diam di tempatnya biasany adi tempat kan di pojok kiri kanan atas bawah.
tips ini saya temukan di "orang serba tahu" om  google.

Kita mulai aja ya
Pertama kamu harus masuk dulu ke akun blog kamu , kemudian tambahkan widget "HTML/Java script".
Berikutnya copy kode di bawa ini:
Posisi bawah-kiri
<div style="display:scroll;position:fixed;bottom:0;left:0;"><a href="URL link yang dituju" terget="_blank"> <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="URL link yang dituju" target="_blank"> <img src="URL gambar berada" /> </a></div>

 Posisi atas-kanan
<div style="display:scroll;position:fixed;top:0;right:0;"><a href="URL link yang dituju" terget="_blank"> <img src="URL gambar berada" /> </a></div>

pilih salah satu aja. copy kan. kemudian simpan lihat blog dan taarraa blog kamu sudah dihiasi oleh gambar tersebut.
oiya untuk yang berwarna biru ganti dengan URL yang dituju sesuai keinginan kita bisa blog atau URL website teman kita. Dan yang berwarna hijau diganti dengan URL gambar nya , contoh saya memasukan URL http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif jadilah si oren yang menyapa dari pintu seperti di blog saya.

selamat mencoba :-)

semoga bermanfaat bagi para pembaca.
salam blogger!!!

Tidak ada komentar:

Posting Komentar