Tutorial: Widget Animasi Bergerak

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/AVvXsEjTEAzX3VRedEyQiXKBA5Ix4L7nd6BqTcVjrS8WTuZ9woPu92KVsFKG8VNdpBfNOoR1bXe3nbTKipbbvPJE4xAezt892hOWiaxdFwIkddMB3zbYcxY1eFCJAxlvgAFuU4rI7HAt1O_txJUM/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>

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/AVvXsEhgXW9cd53YMB_MSokasdcjJjeRylsgib1irHq02vD1BSSH2gTjoSTxTsbMqZ_T8lQfI091WAzDKfNCvFvrVrl43AT8Lhz0l0F_NX1AQzMVE2bUS39qXDFrCUGGqUH4bcjdrVq0WIL00gFs/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>

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/AVvXsEgR-wPWn4Ul8sanfsTNYMO_sA8o0wVLirZPY10l5lG2_zeNBaqa-39m0s-lGzKOWEz8xQnE2SmgmU9e21w3HCm257K_3Y521nvMdv0g89E_qiDFFaxED-jCfuNNrOepDU_QA_fz94YCz2Xj/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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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! : anda boleh ubah posisi widget dengan 

top : atas

bottom : bawah

left : kiri

right : kanan

pada

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

Kredit : AdeIH' Blog