Loading

Senin, 14 Maret 2011

Membuat Gambar Melayang di Blog

Halo sobat blogger kali ini saya akan memberikan tutorial cara membuat gambar melayang pada blog . Apa maksutnya ?? Maksutnya begini gambar tersebut nanti tidak akan hilang walaupun kita menaikkan scroll mouse kita


Tu gambar yang mobile version gag bakal hilang kalo kita pindah kan scroll mouse kita jadi itu yang namanya gambar melayang
  1. Masuk pada Rancangan
  2.  Pilih menu Edit html.
  3. Cari kode ini ]]> < /b:skin > (agar lebih mudah gunakanlah Ctrl+F)
  4. Kemudian copy code dibawah ini dan paste 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); }

Keterangan : pada kode yang bercetak miring berwarna merah itu adalah pengaturan posisi gambar melayang buat sesuka hati kalian seperti bottom right , up right , dan lain-lain

6. Cari kode < /body >
Kemudian copy pastekan code berikut ini dan letakkan diatas kode < /body >.

<div id='melayang'>
<img src='http://img831.imageshack.us/img831/5803/mobilei.png/></a>
</div>

Keterangan : kode yang berwarna merah gantilah dengan gambar yang akan kamu buat melayang

7. Save Template


Selamat mencoba


0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites