Membuat animasi melayang di blog

Membuat animasi melayang di blog

Untuk bisa membuat gambar yang diem manis dipojok kiri seperti punya saya, sangat mudah caranya. Tapi pertama tama tentukan dulu gambar yang ingin dibikn, gambar yang gerak geraf atau versi gif juga boleh kok apa lagi gambar aku...hahahaha.. (uhuk). Terus tu gambar upload dulu di web yang menyediakan jasa bikin URL gt, kalo sih makenya flickr.com. Yang lain juga boleh seperti photobucket.com, imageshack.com, atau dll.

1. Login Acount blogger anda.
2. Masuk pada Pengaturan.
3. Pilih Tata letak.
4. Edit html.
5. Kemudian copy code dibawah ini dan paste di atas kode ]]></b:skin> ( biar mudah pake cntr F)
===================================================

#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 tercetak pink ( bottom dan left ) menunjukan letak gambar. Letak gambar dapat di ubah dengan mengganti kode tersebut (left=kiri, bottom=bawah, right=kanan, top=atas) sesuai dengan keinginan anda.

6. Berikutnya cari lagi di dalam template anda kode  </body>
Kemudian copy pastekan code berikut ini dan letakkan diatas kode tersebut.
==========================================================

<div id='melayang'>
<img src='http://i478.photobucket.com/albums/rr146/tovarossi/bird_ann.gif'/>
</div>

==========================================================
Ket : kode yang berwarna pink diganti dengan url tempat gambar anda disimpan.

7. Simpan, jadi deh........