Mari Berlangganan

Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

Sabtu, 14 Juli 2012

Cara Memasang Widget Animasi Bergerak Di Blog



  1. Login ke dasbor blog anda
  2. Pilih rancangan
  3. Pilih Tambah Gadget
  4. Pilih Html/Java Script
  5. Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
  6. Pastekan kode tadi di Html/java script tadi.
  7. 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/" 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://cybertoy.blogspot.com//2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" 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://cybertoy.blogspot.com//" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com//" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" 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://cybertoy.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" 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://cybertoy.blogspot.com/2012/07/widget-for-blogger.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" 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..

Tidak ada komentar:

Posting Komentar

Silahkan berkomentar dengan sopan dan jelas dan apabila komentar anda tidak sopan, kami anggap itu sebagai SPAM.