Thursday, November 6, 2014

Kumpulan widget animasi keren dan unik untuk blog

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

1 comments:

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