Kumpulan Animasi Bergerak Yang Lucu dan Keren Untuk Blog dan WordPress

2

September 5, 2012 oleh erikadewimultimedia2

Cara Memasang Animasi Bergerak  Yang Lucu dan Keren Untuk Blog – 

Ternyata banyak sekali blogger – blogger yang sangat menyukaianimasi bergerak pada blognya.  Bisa terlihat ketika saya berkunjung ke beberapa blog teman. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang di blog mereka. Ya itu juga karena selera masing2 orang berbeda. Memang animasi pada blog sangat membantu blog agar terlihat menarik. Jadi blog akan terlihat hidup dan tidak membosankan. Sebelumnya saya pernah juga memposting tentang animasi bergerak, tapi saya rasa pada postingan sebelumnya pilihan animasi terlalu sedikit. Sehingga saya memposting kembali mengenai animasi bergerak lagi, namun dengan pilihan yang beragam dan banyak tipe agar bagi anda yang ingin memasang animasi jadi lebih banyak referensi dan pilihan.  Berikut daftar dan cara memasangnya

Cara Memasang Widget Animasi Bergerak Di Blog

  • 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.Labu

 <div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://sig.graphicsfactory.com/Halloween/a.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
2.Tengkorak
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/1/th/152.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
3.Ekspresi Muka
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/742/th/74214.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
4.Hallo
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/212/th/21215.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
5.Hai Friend
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/243/th/24365.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
6.Star
<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.blogspot.com/&#8221; target=”_blank”><img border=”0″ src=”http://s.myniceprofile.com/myspacepic/102/th/10221.gif&#8221; title=”My widget” alt=”animasi bergerak gif” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>My Widget</a></center></small></div>
7.Gajah Loncat
<div style=”position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>
8.Booring
<div style=”position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif&#8221; border=”0″ /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>
9.Bayi ketawa
<div style=”position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif&#8221; border=”0″ /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>
10.Dragon
<div style=”position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020478.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

11.Pinguin

 <div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020484.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

12.Kelinci
<div style=”position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;”><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>
13.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/puppy-clothes-line.gif?w=468″  title=”Kumpulan animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
14.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=” www.zengbogel.blogspot.com ” target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/ag00317_.gif?w=468&#8243; title=”Kumpulan Widget Animasi” alt=”kumpulan gambar bergerak”/></a><small><center><a href=”http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html&#8221; target=”_blank”>Animasi Bergerak</a></center></small></div>
15.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=” www.zengbogel.blogspot.com ” target=”_blank”><img border=”0″ src=”http://4.bp.blogspot.com/-uBB-LeM3K1g/TWI_IYq7vtI/AAAAAAAAABo/QwYhus2iWQg/s400/jesus_and_lambs_animation.gif&#8221; title=”Kumpulan Widget Animasi” alt=”kumpulan gambar bergerak”/></a><small><center><a href=”http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html&#8221; target=”_blank”>Widget Animasi</a></center></small></div>
16.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html&#8221; target=”_blank”><img border=”0″ src=”http://images.shirotsuya.multiply.com/image/9/photos/7/1200×120/19/AN242.GIF?et=Q2HsNTPhnqC%2CWIiy5OwNyA&nmid=72970977″ title=”Animasi bergerak gif” alt=”Kumpulan animasi  naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html&#8221; target=”_blank”>Animasi Bergerak</a></center></small></div>
17.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/ram.gif?w=468″ title=”Animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
18.

<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/sea-dog.gif?w=468″  title=”Kumpulan animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif”/></a><small><center><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
19.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/chicken-egg.gif?w=468″ title=”Kumpulan animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
20.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/turtle-on-back.gif?w=468″  title=”Kumpulan animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
21.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/dog-with-bone.gif?w=468″  title=”Kumpulan animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
22.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/mail.gif?w=468″  title=”Kumpulan animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
23.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/many_holes.gif?w=468″  title=”Kumpulan animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif”/></a><small><center><a href=”http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
24.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/racoon.gif?w=468″ title=”Animasi bergerak gif” alt=”Kumpulan animasi  naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
25.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/parachute-mouse.gif?w=468″ title=”Animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
26.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/readmap.gif?w=468″ title=”Animasi bergerak gif” alt=”Kumpulan animasi  naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
27.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/dog-with-bone.gif?w=468″  title=”Kumpulan animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
28.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/mouse_guard.gif?w=468″ title=”Kumpulan animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif”/></a><small><center><a href=”http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
29.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://images.shirotsuya.multiply.com/image/8/photos/7/1200×120/4/AN104.GIF?et=3R1Z82BahiVzPmlHUmzd%2Cg&nmid=72970977″ title=”Animasi bergerak gif” alt=”Kumpulan animasi  naruto  dan onepiece serta cartoon bergerak gif” /></a><small><center><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
30.<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://www.zengbogel.blogspot.com&#8221; target=”_blank”><img border=”0″ src=”http://isroi.files.wordpress.com/2010/01/dalmatian-puppy-running.gif?w=468″  title=”Kumpulan animasi bergerak gif” alt=”cara memasang naruto  dan onepiece serta cartoon bergerak gif”/></a><small><center><a href=”http://zengbogel.blogspot.com/2011/11/cara-pasang-animasi-lucu-pada-blog.html&#8221; target=”_blank”>animasi bergerak</a></center></small></div>
Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat sesuai keinginan. Caranya dengan mengedit tulisan 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..


Jangan lupa tinggalkan komentar…….

 
 
 
 
 
 
 
 
 
 
 
 

2 thoughts on “Kumpulan Animasi Bergerak Yang Lucu dan Keren Untuk Blog dan WordPress

Berikan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

wElcOme

Marquee Text Live - http://www.marqueetextlive.com

doctor reviews Erika Dewi Multimedia2

tHis is My blog

zwani.com myspace graphic comments
Graphics for Animated Erika Dewi Multimedia2.wordpress.com

Blog Stats

  • 9,035 hits

Erika_poenya

aNimation

erika news

fOllow Me… :)

Top Posts & Halaman

mY caLendEr

September 2012
S S R K J S M
    Okt »
 12
3456789
10111213141516
17181920212223
24252627282930

mY bLogs

mY mUsiC

flag counter mulai tgal 6oktober2012 pdahal pngunjungnya udah lebih dari 600 tpi yang ketulis mulai hrie nie,jdie bru dkit :( telat bkin flag counternya

free counters

Arsip

Kategori

Erika Dewi Multimedia2

Ikuti

Get every new post delivered to your Inbox.

%d blogger menyukai ini: