Kali ini Saya akan membahas cara memasang animasi gambar di sudut blog.
Demo
Berikut cara memasang widget animasi bergerak :
- Login ke blogger.com, jika sudah,
- Pilih Tata Letak → Tambah Gadget → Pilih HTML/JavaScript
- Lalu copas script berikut ini
<div style="position: fixed; top: 0px; left: 10px;width:130px;height:160px;"><a href="http://suryachandragobel.blogspot.com/2012/04/cara-memasang-animasi-gambar-di-sudut.html" target="_blank"><img src="http://i298.photobucket.com/albums/mm272/tigerthetigger/emo/icon.gif" border="0" alt="computer game finatic" /></a><small><center><a href="http://suryachandragobel.blogspot.com/2012/04/cara-memasang-animasi-gambar-di-sudut.html" target="_blank">Computer Game Finatic</a></center></small></div>
- Simpan dan lihat hasilnya
Perhatian :
- Ubah Tulisan berwarna merah, untuk merubah alamat URL animasi.
- Untuk merubah tinggi animasi : height : 160px
- Untuk merubah lebar animasi : width : 130px
- Untuk mengatur posisi : position : fixed ; bottom:0px;left:10px
- position fixed : posisi animasi selalu bergerak, dan jika ingin posisi animasi diam pada posisi maka hapus position : fixed
- bottom : 0px : jarak antara animasi dengan sisi bawah, jika ingin membuat animasi tidak berada di bawah, dan ingin animasi berada di atas silakan kalian ubah bottom menjadi top.
- left : 10px : jarak antara animasi dengan sisi kiri, jika ingin membuat animasi tidak berada di kiri, dan ingin animasi berada di kanan, ubah left menjadi right
Selamat Mencoba !
Tidak ada komentar:
Posting Komentar