Animasi Bergerak Yang Lucu dan Keren Untuk Blog Terbaru 2012

Assalamuallaikum Wr Wb..................................

Cara Memasang Animasi Bergerak Yang Lucu dan Keren Untuk Blog. Ternyata banyak sekali blogger – blogger yang sangat menyukai animasi bergerak pada blognya. Bisa terlihat ketika berkunjung blog teman. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang di blog mereka. Ya itu juga karena selera masing2 orang berbeda. Memang animasi pada blog sangat membantu blog agar terlihat menarik. Jadi blog akan terlihat hidup dan tidak membosankan. Sebelumnya saya pernah juga memposting tentang animasi bergerak, tapi saya rasa pada postingan sebelumnya pilihan animasi terlalu sedikit. Sehingga saya memposting kembali mengenai animasi bergerak lagi, namun dengan pilihan yang beragam dan banyak tipe agar bagi anda yang ingin memasang animasi jadi lebih banyak referensi dan pilihan. Berikut daftar dan cara memasangnya.

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://kepribest.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://www.sumantri34.blogspot.com">My Widget</a></center></small></div>


2.Naruto







<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kepribest.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://www.sumantri34.blogspot.com">My Widget</a></center></small></div>

3.Gaara




<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kepribest.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://www.sumantri34.blogspot.com">My Widget</a></center></small></div>

4.Labu



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kepribest.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-fNkj99FfvZ8/T7tfm9bTjQI/AAAAAAAAAhY/1pQLBZGEBuI/s1600/labu.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.sumantri34.blogspot.com">My Widget</a></center></small></div>

5.Tengkorak



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img alt="animasi bergerak gif" border="0" src="http://4.bp.blogspot.com/-ObRNxo4lNXE/T7tf0C5EcnI/AAAAAAAAAhg/yguf_qZmmBA/s1600/tengkorak.gif" title="My widget" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.com" target="_blank">My Widget</a></small></center>

</div>

6.Ekspresi Muka



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kepribest.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-HJqQsBdTJfM/T7tgR5D2eGI/AAAAAAAAAho/4rIGXVj95a4/s1600/ekspresi.gif" /></a><small><center><a href="http://www.sumantri34.blogspot.coml" target="_blank">My Widget</a></center></small></div>

7. Main Taplak



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kepribest.com/" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-wKnxzzBPp20/T7tg6BOTKhI/AAAAAAAAAh4/V8jZ8ZZBG74/s1600/ss.gif" /></a><small><center><a href="http://www.sumantri34.blogspot.coml" target="_blank">My Widget</a></center></small></div>

8. Pasangan



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kepribest.com/" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-4vTr9AF6WAs/T7thI4NQuEI/AAAAAAAAAiA/FkJPYTOOPD8/s1600/pas.gif" /></a><small><center><a href="http://www.sumantri34.blogspot.com">My Widget</a></center></small></div>

9.Zombi



<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kepribest.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-Cex8XCw_6RY/T7thUzktdsI/AAAAAAAAAiI/a4mIyARWYWg/s1600/zombi.gif" /></a><small><center><a href="http://www.sumantri34.blogspot.coml" target="_blank">My Widget</a></center></small></div>

10.Pigglet






<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-RKCyYSRONg4/T7thg_mh9BI/AAAAAAAAAiQ/zNACuOtMbK8/s1600/pig.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.coml" target="_blank">My Widget</a></small></center>

</div>

11.MiniMouse






<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-9oWbiUAdn40/T7thuUIUewI/AAAAAAAAAic/EIWM41WKQhQ/s1600/mini.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.coml" target="_blank">My Widget</a></small></center>

</div>

12. Hello



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-1plxThcdB0E/T7th5oo661I/AAAAAAAAAik/vZPsflCBq58/s1600/halo.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.coml" target="_blank">My Widget</a></small></center>

</div>

13.Hi Friend!



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-N_LjLDI6a7w/T7tiEQMDJ_I/AAAAAAAAAis/T-673TEvFvY/s1600/hai.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.com" target="_blank">My Widget</a></small></center>

</div>

14. Pinguin



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-9n4aX03tU_Q/T7tmavSoBXI/AAAAAAAAAk0/Dm1Ethuxw9A/s1600/pinguin.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.coml" target="_blank">My Widget</a></small></center>

</div>

15.Star



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-XT-dz5yqDRc/T7tiVJ7LpMI/AAAAAAAAAi0/qjvs7ASpX9U/s1600/star.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.com" target="_blank">My Widget</a></small></center>

</div>

16.Gajah Loncat



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-gW2X5ZXXhSg/T7tikAiYXTI/AAAAAAAAAi8/zGHtlWaW0CY/s1600/gajah.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.com" target="_blank">My Widget</a></small></center>

</div>

17.Boring



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-sXBpn4PdKWY/T7tivoUS01I/AAAAAAAAAjE/Wyqnlk2667U/s1600/boring.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.coml" target="_blank">My Widget</a></small></center>

</div

18.Bayi ketawa






<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-XE_FpASp668/T7ti7GoZupI/AAAAAAAAAjM/cYVP9lvghY8/s1600/bay.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.coml" target="_blank">My Widget</a></small></center>

</div>

19. Dance



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-WEgQ4Oe9mNU/T7tjFyfklKI/AAAAAAAAAjU/PQDqKJzvRhM/s1600/joget.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.coml" target="_blank">My Widget</a></small></center>

</div>

20.Panda Biru






<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-A5vmuxwVImY/T7tjuvtZwDI/AAAAAAAAAjs/Svb9HX8OuLw/s1600/panda.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.coml" target="_blank">My Widget</a></small></center>

</div>

21. Bunga



<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-0znaxfTdcWE/T7tkIWioOoI/AAAAAAAAAj8/5XsBzxkpkRA/s1600/bunga.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.com" target="_blank">My Widget</a></small></center>

</div>

22. Ikan






<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">

<a href="http://kepribest.com/" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-QRDHcZTYHv4/T7tmMbMqusI/AAAAAAAAAks/cv1Fc3Wk1YU/s1600/ikan.gif" /></a><small></small>

<center>

<small><a href="http://www.sumantri34.blogspot.com" target="_blank">My Widget</a></small></center>

</div>