Cara membuat gambar melayang di blog, gambar melayang adalah gambar yang letaknya selalu tetap dan tidak berpengaruh pada scroll mouse. sebelum membuatnya anda harus menyiapkan gambarnya terlebih dahulu, terserah anda mau gambar bergerak (.gif) atau gambar biasa (.jpg, .png),
Gambar yang ingin dipasang lalu di upload atau disimpan di image hosting, anda bisa menyimpannya di photobucket.com, imageshack.com, flickr.com atau image hosting lainnya. tapi untuk gambar yang bergerak (.gif) bisa disimpan di imageshack.com, dan saya sarankan gambar yang ingin dibuat melayang sebaiknya gambarnya jangan terlalu besar karena dapat menganggu pengunjung blog kita.
Berikut akan saya jelaskan step by step untuk membuatnya, setelah anda menyimpan di image hosting :
- Login akun blogger anda
- Masuk pada Pengaturan
- Pilih Tata Letak
- Edit html
- Kemudian copy kode dibawah ini dan paste diatas 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 : kode yang berwana hijau (bottom dan left) menunjukan letak gambar, letak gambar dapat diubah dengan mengganti kode tersebut (left=kiri, bottom=bawah, right=kanan, top=atas) sesuai dengan keinginan anda.
6. Berikunya cari lagi didalam template anda kode </body> , kemudian copy kode dibawah ini dan paste diatas kode tersebut.
<div id='melayang'>
<img src='http://i478.photobucket.com/albums/rr146/tovarossi/bird_ann.gif'/></a>
</div>
Ket : kode yang berwana hijau diganti dengan url tempat gambar anda disimpan.
7. Kemudian Simpan.
Semoga bermanfaat untuk anda, jangan lupa tinggalkan komentar jika anda belum paham.
