sebagian besar blogger mungkin sudah tahu cara membuat float image. dan anda yg masih pemula (seperti saya. hehehe) mungkin akan bertanya apa itu float image. float image adalah gambar yang tetap pada tempatnya sekalipun kamu scroll (gulung) layar ke bawah. contohnya pada blog ini yang terdapat gambar float image ini.
cara membuatnya adalah:
cara membuatnya adalah:
- dari halaman dasbor klik rancangan dan pilih edit HTML.
- setelah itu,cari kode
]]></b:skin>
dengan menekan ctrl+f - lalu, kopi (dengan ctrl + c) kode ini: #gambar1 {position:fixed;_position:absolute; top:0px; left:0px; clip:inherit; z-indez:+1000;}
- letakkan sebelum
]]></b:skin>
- lalu kopi kode berikut.
<div id="gambar1">.
<a href="www.kediriblog.co.cc/" target="_blank" title="Tips Membuat dan Mendesain Blog">
<img border="0" src="http://i563.photobucket.com/albums/ss76/peace_enes/Mickey.gif"/></a></div>
- letakkan diantara </head> dan <body>.
- pratinjau lalu kalau OK baru disimpan.
- N.B 1:copas pake ctrl+c(kopi) dan ctrl+v(paste) cos kalo pake mouse bs terjadi hal yg tak diinginkan. hehehe. www.kediriblog.co.cc dan Tips Membuat dan Mendesain Blog bisa diganti sesuka yg anda mau.
- NB2:Jika kamu ingin mengubah letak gambar, ubah saja posisinya (top dan right) di atas dengan bottom untuk gambar di bawah dan left untuk gambar sebelah kiri. Dan jika kamu ingin mengubah gambar, ganti saja alamat gambar pada src="alamat gambar" dengan alamat gambar yang kamu inginkan.
No comments