Animasi Lucu untuk Blog

hmmm.. sekarang saya sedang belajar memakai animasi, jadi saya mencoba beberapa animasi untuk blog saya. sobat pembaca pasti juga ingin blognya keren tapi tetap lucu biar gak ketinggalan jaman, oleh karena itu saya ingin sedikit sharing beberapa animasi lucu yang bisa sobat pasang di blog sobat.

Caranya mudah sekali..

1. Login ke akun bogger Anda
2. Plih Tata Letak
3. Klik tambah gadget
4. Pilih HTML/Javascript
5. Copy kode di bawah ini kemudian Paste ke dalam HTML/Javascript yang telah anda buka

6. klik Save

inilah beberapa animasi yang bisa anda gunakan

 
<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/dandan.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
 

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/Dup3ngupil.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>
 

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/ganteng.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/hehe.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/hiks1.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/hore.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/jedug.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://i1082.photobucket.com/albums/j380/faris65/kembik2.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/ozqov1t0/yoyo02.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/ozp1bpb8/yoyo01.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src=" http://s2.postimg.org/ozsceeas/yoyo03.gif " title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/ozvnh3ac/yoyo04.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/ozxb0fs4/yoyo05.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src=" http://s2.postimg.org/p00m34ro/yoyo06.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/p03x5tr8/yoyo08.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src=" http://s2.postimg.org/p029mh9g/yoyo07.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/p1kucxk4/yoyo34.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/p15yit44/yoyo26.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/p1url0is/yoyo38.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/p1e87jl0/yoyo31.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/p31rk1d0/yoyo61.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/p2l86kf8/yoyo53.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/p2mvpwx0/yoyo54.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

<div style="bottom: 0px; height: 160px; left: 10px; position: fixed; width: 130px;">
<a href="http://wajahilmu.blogspot.com/" target="_blank"><img alt="animasi  bergerak gif" border="0" src="http://s2.postimg.org/p43sx0pw/yoyo80.gif" title="My widget" /></a><small></small>
<center>
<small><a href="http://wajahilmu.blogspot.com/2014/04/animasi-lucu-untuk-blog.html" target="_blank" title="Kumpulan Widget Animasi Keren Di Blog">My Widget</a></small></center>
</div>

sekian postingan kali ini, terima kasih telah membaca, semoga bermanfaat bagi sobat sekalian dan jangan lupa di berikan komentar agar postingan saya dapat menjadi lebih dan lebih baik lagi

source : sandaltjapit.blogspot.com

Bagikan Artikel ini