Arsip Blog

PENGUJUNG BLOG

Senin, Maret 03, 2014

CARA BUAT ANIMASI BERGERAK

Animasi atau gambar yang bergerak ke kiri lalu ke kanan

 Pernahkah sobat pada suatu saat mengunjungi Blog milik orang lain dan sobat melihat ke bawah ada sebuah animasi atau gambar yang bergerak ke kiri lalu ke kanan ataupun sebailknya?
Dari pada hanya heran dan bingung, sobat bisa melihat contoh nya berada di bawah BLOG THE RAVEN ini.
Sangat bagus dan menarik bukan?
heehehehe...

Jika sobat tertarik dan ingin membuat nya, saya punya tips dan trik nya untuk membuat animasi berjalan seperti itu.
Silahkan sobat ikuti langkah-langkah nya untuk membuat Foto dan Gambar Bergerak di Blog atau Cara buat foto atau gambar berjalan di blog sebagai berikut ini :

1. Silahkan sobat >> "masuk/login" ke Blog sobat.

2. Kemudian sobat cari dan klik >> "Rancangan".

3. Setelah itu sobat klik >> "Elemen Laman".

4. Lalu sobat klik >> "Tambah Gadget".

5. Setelah itu sobat cari >> "HTML/Javascript".

6. Lalu silahkan sobat masuk kan "Kode Script" di bawah ini :



<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="9"><script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADabrbleach.txt" name="DADrun"></script></marquee></div>

Atau kode script yang di bawah ini :

<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com" target="_blank"><img border="0" src="http://i1217.photobucket.com/albums/dd384/TauFixers/MyIcon.png?t=1303003796" style="cursor: pointer;" /></a></marquee></div>

Atau sobat masukkan semua Kode Script warna Biru di bawah ini:

Zombie Animasi Berjalan Loncat-Loncat


<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee behavior="left" scrollamount="7">
<a href="http://kuc0pas.blogspot.com/2012/03/cara-buat-animasi-berjalan-di-blog-cara.html" 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>


KETERANGAN :
- Silahkan sobat pilih salah satu saja Kode Script di atas.
- Untuk yang berwarna BIRU, sobat bisa ganti dengan URL gambar sobat sendiri.
- Apabila sobat tidak mempunyai URL sobat sendiri, saya akan kasih variasi Animasi yang lain nya di bawah ini :

Animasi Babi Pink Bergoyang

<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADabpig.txt" name="DADrun"></script>

Animasi Sasuke Berjalan

<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADablsasuke.txt" name="DADrun"></script>

Animasi Kakashi berjalan

<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADablkakashi.txt" name="DADrun"></script>

Animasi Naruto berjalan

<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADablnaruto.txt" name="DADrun"></script>

Bleach Animasi Berlari

<script type="text/javascript" language="javascript" src="http://dickelodeon.googlecode.com/files/DADabrbleach.txt" name="DADrun"></script>


 Selamat mencoba sobat, semoga berhasil dan jangan takut untuk gagal karena kegagalan bukanlah akhir dari segalanya.

Tidak ada komentar:

Posting Komentar