Sunday 22 April 2012

Cara Memasang Animasi Gambar di Sudut Blog


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://suryanocturn.blogspot.com/2012/04/cara-memasang-animasi-gambar-disisi.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 !

No comments:

Post a Comment

Labels