17 Januari 2011

Cara membuat gambar melayang

kali ini saya akan menjelaskan tentang Cara membuat gambar melayang. gambar melayang adalah gambar yang letaknya selalu tetap dan tidak terpengaruh dengan kursor ataupun scroll mouse. jika anda tertarik untuk membuat efek ini anda dapat meletakkannya di blog anda dengan syarat harus ada gambar. untuk memperoleh URL gambar anda bisa mengupload gambar di photobucket.com, imageshack.com, flickr.com atau image hosting lain tetapi untuk saya pribadi saya sangat sering memakai photobucket.com karena menu-menu yang simple. gambar yang akan dibuat melayang jangan terlalu besar ya,,, supaya gak mengganggu blog anda.

untuk langkah-langkahnya anda dapat melihat secara ringkas silahkan lihat dibawah ini :
  1. Login ke blogger
  2. Ke tab Rancangan dan pilih Edit HTML
  3. Copy kode dibawah ini dan paste tepat di atas kode ]]> < /b:skin > 

#melayang {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
ket : untuk kode yang berwarna biru dapat anda ganti sesuai dengan selera anda ,berikut daftar kode yang cocok untuk mengisi kode warna biru : top=atas,bottom=bawah,right=kanan,left=kiri.
Jika sudah selesai silahkan lihat dibawah ini untuk lanjutannya
  1. Cari kode < /body > lalu copy kode dibawah ini dan paste tepat diatas kode < /body > 
<div id='melayang'>
<img src='http://www.fearofphysics.com/SunMoon/the_orbit.gif'/></a>
</div>
ganti kode berwarna biru dengan url gambar anda sendiri
Oke tinggal simpan deh jadi,,,
jangan lupa share ya yang udah berhasil

0 komentar:

Posting Komentar

Berilah sedikit komentar, demi kemajuan blog ini
NOTE : Komentar jangan pedes-pedes