Cara Memasang Animasi Bergerak Yang Lucu dan Keren Untuk Blog

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/” 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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” 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/” 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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” target=”_blank”>My Widget</a></center></small></div>

Ekspresi Muka

<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” target=”_blank”>My Widget</a></center></small></div>

Hallo

<div style=”position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;”><a href=”http://permathic.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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” 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/” 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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” 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/” 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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” 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” 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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” 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” target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif” border=”0″ /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” 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” target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif” border=”0″ /></a><small><center><a href=”http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” 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” 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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” 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” 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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” 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” 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://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html” 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” 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” 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″ 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” 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=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWwCYcmRbH3FZFi__EVQLsGqjUWQ4CAgaUB4s7kJbDDnHFst6dz883hZwRh3aZGm6JPYTGyG33qiB_ec3HuczVl3G_6H3MH6h-rtlilbtchgr41j0CyFp_Z-IeplU2HL-R_FMVGy_g0h-k/s400/jesus_and_lambs_animation.gif” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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” 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..

RobertCs - Cari Informasi hacking - update - media dll

Tutorial

Kamis, 02 Juni 2016