Lompat ke konten Lompat ke sidebar Lompat ke footer

Animasi gambar bergerak




Membuat Animasi Berjalan Di Blogspot untuk menambah kesan menarik , bagus dan unik Jadi silahkan simak penjelasan saya untuk mengisi Animasi di Blog anda.

Langkahnya :
1. Login akun blogger anda.
2. Klik Template » Edit HTML » Cari kode </body>

3. Lalu paste Kode ini diatas kode </body> 


Keterangan :

  • direction='right' : untuk arah Animasi berjalan dari kiri ke kanan.

       left  : untuk arah Animasi berjalan dari kanan ke kiri.
       up   : untuk arah Animasi berjalan dari Atas ke Bawah. 
       down : untuk arah Animasi berjalan dari Atas ke Bawah. 

  •   behavior='alternate' : Untuk arah Animasi berjalan Bolak-balik.

       scroll : sama seperti direction dari kanan ke kiri atau sebaliknya
       slide : animasi berjalan dari kanan dan berhenti di kiri atau     sebaliknya
  

  • scrolldelay='260' : kecepatan berjalan Animasi
  • bottom:10px; left:0; width:100%; : letak Animasi pada layar monitor

 Okee segitu aja panduan nya skarang kita masuk di bagian Coding Animasi nya :






1. burung

<marquee direction='left' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcnsk4xK0Nwkd-dwD8AnZmomitVLWsx9C-QHUTY5WziiZJQl_xi5n_02gpUrID8VsHJeuyEyxP1M09d6oLjo-cZo8lhx9JQx8HCCNmAi0eGpA5lwJm3FCRyN9iRh8uQ_zgxQkzJYaGSglU/s1600/58.gif' style='border:0; background:none; padding:0; box-shadow: none; width:80px;'/></marquee>

2. kelelawar


<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1-UGxcDfNbD20jaAW7WUcV6dGemnJ_dKesLnE3u9hyphenhyphencwUx_cvhNtoe2KTILAtJnbG8x5QRXXJcfNZz8cRrAc9N8N0FrA4HcDt-OeEWGH2fxh56SlDUg136x62vhIi-gdJehosLkw7rcyQ/s320/Animasi-kelelawar-vampire.gif' style='border:0; background:none; padding:0; box-shadow: none; width:80px;'/></marquee> 


3. kupu


<marquee direction='right' scrolldelay='160' style='position:fixed; bottom:10px; left:0; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO96ZldvxTew7aFJ-oTRnYxKtrRnXVwUrTDUh2gD5RcqFC5heq0oaLtkrPMn310vUh9wujl8oaFsHvrFfiTJVZ-Wlg9YsqxfGRiLChTB7tBRjGkyG8KWE0xsgtC8wVu2AXzTqA0AzwD7Ru/s320/Gambar-Gif-Animasi-Bergerak-Lucu-Terbaru-39.gif' style='border:0; background:none; padding:0; box-shadow: none; width:80px;'/></marquee>



sumber: https://gudangilmuitblog.blogspot.com/2017/02/cara-membuat-animasi-berjalan-di-blog.html

Posting Komentar untuk "Animasi gambar bergerak"