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"