Cara Membuat Animasi Berjalan Di Bagian Bawah Blogger » Menampilkan animasi berjalan dan bergerak di bagian bawah blog, untuk memberi kesan menarik pada blog, kalian bisa menambahkan animasi di blog agar bisa menarik para pembaca yang mengunjungi blog.
terutama animasi berjalan di bagian bawah blog yang bisa menarik perhatian pengunjung, untuk membuatnya sangatlah mudah.
Cara Membuat Animasi Berjalan Di Blogger
- Masuk ke dashboard blogger
- Ke halaman tata letak
- Tambahkan Gadget (terserah ingin buatnya dimana, karna hasilnya akan tetap sama)
- Pilih HTML/JAVASCRIPT
- Pastekan salah satu kode di bawah ini sesuai dengan keinginan
Animasi Zombie
<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7"> <a href="https://www.ostife.com/" target="_blank"><img border="0" src="http://i1093.photobucket.com/albums/i440/putraeka1/th_avatar2088630_11.gif?t=1295005006" style="cursor: pointer;" /></a></marquee></div>
Alien
<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7"> <a href="https://www.ostife.com/" target="_blank"><img border="0" src="http://i1217.photobucket.com/albums/dd384/TauFixers/MyIcon.png?t=1303003796" style="cursor: pointer;" /></a></marquee></div>
Jiraya
<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="2"> <a href="https://www.ostife.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif" style="cursor: pointer;" /></a></marquee></div>
Kakashi
<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="2"> <a href="https://www.ostife.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif" style="cursor: pointer;" /></a></marquee></div>
Naruto sakura sasuke berubah ubah
<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7"> <a href="https://www.ostife.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NarutoShippuudden.gif" style="cursor: pointer;" /></a></marquee></div>
Neji
<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7"> <a href="https://www.ostife.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif" style="cursor: pointer;" /></a></marquee></div>
Kiba akamaru
<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7"> <a href="https://www.ostife.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif" style="cursor: pointer;" /></a></marquee></div>
Deidara
<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7"> <a href="https://www.ostife.com/" target="_blank"><img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Akatsuki%20gif/DeidaraBird.gif" style="cursor: pointer;" /></a></marquee></div>
Sasuke
<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7"> <a href="https://www.ostife.com/" target="_blank"><img border="0" src="http://th217.photobucket.com/albums/cc54/ivandra79/Naruto/th_SASUKE_GIF.gif" style="cursor: pointer;" /></a></marquee></div>
Penutup
pada bagian src juga bisa di ubah linknya menjadi link gif kalian sendiri, ingat ya harus berformat .gif agar karakter animasi dapat bergerak, kalian bisa sesuaikan ukuran, kecepatan serta arah muncul animasi sesuai dengan keinginan.
dengan cara mengedit sedikit kode marquee, demikian tutorial cara membuat animasi jalan dan bergerak di bagian bawah blogger semoga dapat bermanfaat dan menambah ilmu baru.
