Wednesday, 29 July 2009

Membuat Floating image (Gambar Melayang)



Request Dari teman sekelas q yaituu si Fandi ,,
dYa Nanya bagaimna cara bikin animasi orang bermain Bola di Pojok Kanan Bawah!!
meskipun "scroll bar" ditarik kemana-mana.
Yawdah, Selain q ingin berbagi kpda Fandi, q Coba Untk Share Untk para Sobat Juga!!!
ini dya:

1. Login ke blogger trus klik "Layout -->> Edit HTML
2. Cari kode ini ]]></b:skin> kalo dah ketemu taruh kode berikut ini di atasnya.
#trik_pojok {
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); }



3. kalo pingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>

<div id="trik_pojok">
<a href="#top">
<img src="http://imam77.blogspot.com/gambarmu.gif" border="0" /></a>
</div>


5. Dalam Tulisan "http://imam77.blogspot.com/gambarmu.gif" , Ganti Dengan Url dmna Tempat anda menyimpan Gambar yang akan di tampilkan!!

Jika sobat pingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.
6. Simpan hasil kerja kamu dan lihat hasilnya.

1 comment:

  1. Assalamu'alaikum
    waahh...terimakasih banyak ya!!^^
    blognya jadi makin lucu deh..

    ReplyDelete

Sempatkanlah sedikit waktu untuk mengomentari Postingan Blogku, karna orang yang baik , adalah orang yang meninggalkan Komentar setelah Membaca! Terima Kasih !!
Untuk yang tidak memiliki Account, silahkan pilih Beri komentar sebagai: Anomymous