RSS

Animasi pada blog

23 Des

Cara Memasang Widget Animasi Bergerak Di Blog

 
  • Login ke dasbor blog anda
  • Pilih rancangan
  • Pilih Tambah Gadget
  • Pilih Html/Java Script
  • Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
  • Pastekan kode tadi di Html/java script tadi.
  • Simpan, dan selesai
Daftar Kode Html Animasi Bergerak
1.Spongebob
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/1028/th/102882.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
2.Naruto
 
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/692/th/69207.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
3.Gaara
 
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/539/th/53973.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
4.Labu
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://sig.graphicsfactory.com/Halloween/a.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
5.Tengkorak
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/1/th/152.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
6.Ekspresi Muka
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/742/th/74214.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
7. Animasi
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://i.mnpls.com/715/71510.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
8. Main Taplak
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/0/th/72.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
9. Pasangan
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/229/th/22949.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
10.Zoombie
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/466/th/46602.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
11.Pigglet
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/438/th/43833.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
12.MiniMouse
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/485/th/48554.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
13. Hallo
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/212/th/21215.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
14.Hai Friend
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/243/th/24365.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
15.Star
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/102/th/10221.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
16.Gajah Loncat
<div style=”position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>
17.Booring
<div style=”position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif&#8221; border=”0″ /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>
18.Bayi ketawa
<div style=”position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif&#8221; border=”0″ /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>
19. Dance
<div style=”position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif&#8221; border=”0″ /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>
20.Main Bola
<div style=”position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif&#8221; border=”0″ /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget-Animasi-Blog</a></center></small></div>
21.Bayi Tertawa
<div style=”position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>
22.Panda Biru
<div style=”position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif&#8221; title=”Click to get more.” /></a>
<small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Free-Widget-Animasi</a></center></small></div>
23. Panah
<div style=”position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020236.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>
23. Bunga
<div style=”position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020322.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>
24. Anjing Laut
<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>
25. Lumba-lumba
<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>
26. Kucing Tidur
<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>
27. Kelinci
<div style=”position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>
28. Dragon
<div style=”position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020478.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>
29. Ikan
<div style=”position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020479.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>
30. Pinguin
<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020484.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>
Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan bottom (bawah), top (atas), left ( kiri), right (kanan),
Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..
 
Tinggalkan komentar

Ditulis oleh pada Desember 23, 2012 in Uncategorized

 

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: