Animasi blog

CARA Membuat animasi begerak di blok:

Sekarang saya akan memberi informasi pada sobat sekalian tentang Cara Membuat Animasi Bergerak pada BLOG.Sobat pernah lihat BLOG yang ada animasi bergeraknya pada pojok kanan BLOG, kalo belum pernah lihat sobat tidak perlu nyari contohnya jauh-jauh lihat saja di BLOG saya ada contohnya.Sobat sudah tertarik belum, kalo sudah tertarik langsung saja kita praktikan tutorialnya,Pertama-tama yang perlu kita siapkan adalah fisik kondisi tubuh sobat harus siap dan tetap fit., hehehe,. cuma bercanda kok.,Langsung saja kita ke TKP.1. Pertama sobat masuk dulu ke BLOG sobat masing-masing.2. Setelah sobat telah masuk di BLOG sobat, lalu sobat masuk ke Tata Letak.3. Setelah sobat masuk Tata Letak, sobat langsung saja pilih Tambah Gadget, lalu pilih HTML/JavaScript.4. Setelah itu pilih animasi yang sobat inginkan di bawah ini, setelah sobat merasa sudah cocok copy paste aja langsung Script yang ada di bawah gambar yang sobat inginkan :

1. Hipnotiz

Kode :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2C6FOveaWjTmYgfMibRlrmaLEfuEQRDzDuB5vyoFujJ5W8nEkdORWX1_r0cPeJTtEBSZYiXWHMwpGpJEQsR3u26bYCQO0qGeVDrnEurqhFprOGou7fIYdmoQCQbHltRSqGCANGKJYmBE/s200/hipnotize.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

2. Tobi


Kode :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="http://pic60.picturetrail.com/VOL1698/12134860/21581772/355351427.jpg" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

3. Sasori

Kode :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343144.jpg" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

4. Tikus Terbang

Kode :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="http://erikadewimultimedia2.files.wordpress.com/2012/09/parachute-mouse.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

5. Luffy

Kode :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="http://onepieceindo.files.wordpress.com/2009/10/luffyattack.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

6. Sanji VS  Zorro

Kode :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9fZ46DetCJX4kAVbdafNWx3QHWPvFyOUIb4UQ9pYJsBPVIgFBxwXk0J-fX3FDcjjS5wSoNdQ5yvi6yRRmm7u1QvPDLFR65VQIViqLcwQvQuJ1RQyxyxdDzbKBoWb6kxmHvhTqvjyhS5KS/s1600/1_19.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

7. Goku

Kode :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiePaLhD0_tYXYxCyyeem-mGZaQp8ZE86AVucpGYqlsjGRwZKa_2QWz3xlSk90mKJRSujfCLbpeQEo6dL4kTAGS82lXi0aOwRatX0VrDe203L0O-VGeIF5JMvms_y6HTTZPvhb8ygISVU/s1600/GOKU.GIF" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

8. Dance

Kode :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://zhadewo.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX6R6ogTqs1XHOfUSeys5thWWKjDW4Dy9QzkjyKwnyZ8vk5fzl-UDp5w9UxhhJG1zM6nMp04M51DL4rZxuP9yNMElfkrH-Ed30waeUvC6SLRiOWbEYbMEVbFEoLHq8Hhk7W78389FbQ2E/s1600/dance.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>

9.helicopter

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif"  alt="animasi bergerak naruto dan onepiece"/></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

10. Ekspresi muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Ekspresi</a></center></small></div>

 

11. Kodok mata gede

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

  12Spiderman

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

13.Pig

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

14. Muka senyum

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

15. monyet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

  16.Doraemon

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

17.Spongebob

 <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

18.Panda

 

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

20.Monyet loncat

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

21.Anime cewek

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

22.Saringgan

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com//" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

23Naruto berubah

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>

24.Gajah loncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget-Animasi</a></center></small></div>

25. Lumba lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

26.Kucing tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>

27.Ayam betelur

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget</a></center></small></div>

28. Keledai Bergitar

Kode :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:150px;"><a href="http://www.ketumbel.com/wp-content/uploads/2012/03/3d_animasi_donkey_playing_guit.gif" alt="gambar" title="Zhadewo Blog'z" height="150" width="300" /></a></div>