Kumpulan Contoh Kode Gambar Animasi Untuk di Pasang di Blog

Gambar animasi merupakan gambar yang paling disukai oleh para blogger, buktinya setelah saya browsing di google banyak sekali blog-blog yang dipasang gambar animasi tersebut, maka dari itu saya bisa menyimpulkan bahwa sahabat bloger menyukai dengan animasi tersebut

Memang dengan dipasang animasi itu blog menjadi lebih fariatif dan menarik, tapi kebanyakan sahabat blog khusus nya bloger pemula seperti saya ini memang kewalahan untuk membuat nya, ok dari pada sahabat ribet-ribet memikirkan bagaimana cara membuat kodenya lebih baik langsung sedot dan pasang di blog sahabat

Adapun cara Memasang nya adalah sebagai berikut :

1. Log in ke Blog Sobat
2. Pilih Rancangan
3. Pilih Tambah Gadget
4. Pilih HTML/Java Script
5. Lalu Copy Kode HTML Gambar Animasi yang sobat inginkan dan contoh animasi dan kode nya ada dibawah ini
6. Pastekan Kode gambar animasi yang sobat inginkan tersebut
7. Lalu Simpan dan jadi deh Gambar animasi sahabt, Mudah kan!!!

Berikut ini Kumpulan Gambar Animasi dan Kode nya Silahkan Di Copy :

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.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://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.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://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.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://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"> <a href="http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">My Widget</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget-Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget-Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget-Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget-Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget-Animasi-Blog</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget-Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a> <small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Free-Widget-Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget Animasi</a></center> </small></div>

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"> <a href=" http://jawilanbisnis.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center> <a href="http://jawilanbisnis.blogspot.com/2013/05/kumpulan-kode-gambar-animasi-untuk-di.html" target="_blank">Widget Animasi</a></center> </small></div>

Catatan !!

Sobat bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan bottom (bawah), top (atas), left ( kiri), right (kanan), pada tulisan awal kode animasi tersebut seperti contoh kode berikut ini : <div style="position: fixed; bottom: 0px; left  nah posisi yang bertuliskan warna kuninglah yang sobat ganti sesuai dengan ke inginan gampang kan !!!

Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. Mudah bukan ? selamat mencoba..

Tips Blogging Semoga Bermanfaat Sobat,,,,,,

Read More