Thursday, November 6, 2014

Kumpulan widget animasi keren dan unik untuk blog

- 1 comments
Animasi pada blog sangat membantu blog agar terlihat menarik.jadi blog akan
terlihat hidup dan tidak membosankan.jika anda tertarik untuk memasangnya
di blog anda, ikuti langkah-langkah berikut ini :

  • 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.Kuda Lari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSMGppThXxtIHaweFFgu2ZgoOZ4jXQa7SWp4cZeyxLZJRGU75ESHmos93RBzTi6PwTKk0Vqrk72n2kD5hSorzum0FHKQViVAq45nk7PYnu_pV4keuJoQK4g1Gp3ooSIfWy2knmU9wXI3li/s1600/b.gif " title="kuda lari" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

2. Manusia Purba
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGXRL1pG0uI9s0el5e9k6uf686UR8muNTSqqjGTFsSEcocULFsrOFqQAJ1JIJ9K1ngoCssa7wVEHzRCULFruM9Umq04pLD-A6BntSikAuZKyhZBvA2nWuSVAyKYTqlEXJDVu2hPRGn9MDV/s1600/e.gif " title="Manusia Batu" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


3. Ayam Bertelur


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikm6PnrXaLOLHioHmkkBfE2qFc8Sb1wdWHvJjn4ohuORdMdgPIJTWEZeLUmI_Cv3K559pDwJNYXAGvKhUzxaSITlQPRpfxll2Zp7Lzepsr6hkGs7RMXxcJQWXZPlSpR5zkr2pLbMVumfpu/s1600/gift+18.gif" title="ayam bertelur" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>


4. Bajak Laut


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire-1.gif" title="Bajak laut" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>



5. Zombie
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="Zombie" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

6. Dancer
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://i1242.photobucket.com/albums/gg532/faizkr8/Dance.gif" title="dancer" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

7. Petir
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://i1242.photobucket.com/albums/gg532/faizkr8/Cloudelec.gif" title="petir" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

8.  Panda 

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="panda" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

9
. Bayi Ketawa
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" title="bayi ketawa" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

10. Gajah Loncat


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Gajah Loncat" /></a></div>

11. Star

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="star" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

12. spongebobs lari

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif" title="SponGebobs" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

13. Monyet
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="Monyet" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

14. Keep Smile
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="Animasi" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

15. Thanks


<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/154/th/15482.gif" title="Animasi" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

16.Hello

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/920/th/92063.gif" title="Animasi" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

17. Ciluk Ba

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/198/th/19809.gif" title="Animasi" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

18. Dancer 2

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/1/th/199.gif" title="Animasi" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

19. expresi wajah
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/597/th/59730.gif" title="Animasi" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>

20. Tengkorax
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">
<a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank"><img .="" alt="Kumpulan Widget Animasi" border="0" src="http://s.myniceprofile.com/myspacepic/477/th/47720.gif" title="Animasi" /></a><small><center><a href="http://adeih-blog.blogspot.com/2014/01/Kumpulan-Widget-animasi-untuk-blog.html" target="_blank" title="Widget Animasi">Widget Animasi</a></center></small></div>
Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi
tersebuat sesuai keinginan. Caranya dengan mengedit tulisan yang
berwarna merah pada script tersebut.
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 !


Sumber :
http://adeih-blog.blogspot.com

[Continue reading...]
 
Copyright © . Tips dan Trick Blog - Posts · Comments
Theme Template by BTDesigner · Powered by Blogger
document.getElementById(domId).insertBefore(document.getElementById('emoticon-kaskus'), null);