Membuat Gambar Animasi (Bergerak)

Kali ini saya akan membagikan tutorial tentang membuat gambar animasi (bergerak) yang dipasang pada sudut pojok blog. Sebenarnya ini saya dapat dari blog seorang teman di tovarossi.blogspot.com. Selain itu saya juga memasang animasi tersebut dipojok kiri bawah blog ini supaya teman-teman dapat melihat hasilnya. oke kita langsung aja tutorialnya.

Langka-langkahnya:
1. Anda login ke account blogger anda
2. Lalu pada halaman dashboard, klik link tata letak/ layout
3. Klik edit html (jangan lupa, terlebih dulu di backup template anda)
4. Cari kode dibawah ini:

]]> < /b:skin > ;

Lalu copy paste code dibawah ini di atas kode tersebut

#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); }

Kode yang tercetak kuning ( bottom dan left ) menunjukan letak dari posis gambar. Posisi gambar dapat anda ubah dengan mengganti kode tersebut(top=atas, bottom=bawah, right=kanan, left=kiri) sesuai dengan keinginan anda.

5. Selanjutnya anda perlu mencari lagi kode < /body >

Lalu copy paste kodedibawah ini dan letakkan diatas kode tersebut.

<div id='melayang'>
<a href='http://aneka-aksesoris.blogspot.com'> <img src='http://s398.photobucket.com/albums/pp62/hendriaru/th_Dancingbaby.gif'/></a>
</div>

Kode warna merah diganti dengan url blog anda dan kode yang berwarna hijau diganti dengan url lokasi penyimpanan gambar.

6. Langkah terakhir klik simpan/ save template
7. Sukses selalu

Bagi anda yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, saya sarankan untuk anda bisa belajar di sini

Bagikan