Memasang Animasi-Animasi Lucu di Blog

Sahabat Ngonline06 pernah melihat blog dengan animasi-animasi yang menarik? Tenang saja, sahabat juga bisa memasangnya di blog sahabat semua. Caranya pun sangat mudah dan praktis.

Cara Pemasangan:

1. Silahkan ke dashboard blog sahabat.
2. Klik Layout (Tata Letak) > add gadget > HTML/Java Script
3. Letakkan kode-kode di bawah ini pada java script tersebut.
4. Selesai

Animasi-animasi ini adalah kreasi dari sweetim.com, nocookie.net, dan photobucker.com. Berikut adalah kode html dari animasi-animasi lucu.

1.  Tuyul ketawa

Kode scriptnya:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://goo.gl/4iOcPd" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" alt="animasi blog" /></a></div>

2.  Tuyul baring

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://goo.gl/4iOcPd" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a></div>

3.  Helikopter

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://goo.gl/4iOcPd" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a></div>

4.  Gajah loncat

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://goo.gl/4iOcPd" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a></div>

5.  Boneka joget

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://goo.gl/4iOcPd" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" alt="animasi blog" /></a></div>

6.  Panda main bola

Kode scriptnya:

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://goo.gl/4iOcPd" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" alt="animasi blog" /></a></div>

7.  Pinguin

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://goo.gl/4iOcPd" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a></div>

8.  Panah

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://goo.gl/4iOcPd" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a></div>

9.  Dragon

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://goo.gl/4iOcPd?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a></div>

10.  Bunga

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://goo.gl/4iOcPd?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a></div>

11.  Anjing laut

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://goo.gl/4iOcPd?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a></div>

12.  Lumba-lumba

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://goo.gl/4iOcPd?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a></div>

13.  Kelinci

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://goo.gl/4iOcPd?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a></div>

14.  Pintu

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://goo.gl/4iOcPd?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203D1.gif" title="Click to get more." /></a></div>

15.  Sundul bola

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://goo.gl/4iOcPd?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/000203CF.gif" title="Click to get more." /></a></div>

16.  Lebah

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://goo.gl/4iOcPd?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/0002048F.gif" title="Click to get more." /></a></div>

17.  Telur ayam menetas

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://goo.gl/4iOcPd?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020540.gif" title="Click to get more." /></a></div>

18.  Ayam bertelur

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://goo.gl/4iOcPd?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a></div>

19.  Strike

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><a href="http://goo.gl/4iOcPd?im=gen&lpver=3&ref=10" target="_blank"><img alt="animasi blog" src="http://images3.wikia.nocookie.net/__cb20100917082342/streetfighter/images/9/92/Kunai.gif" title="Click to get more." /></a></div>

20.  Fight

Kode scriptnya:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:277px;"><img alt="animasi blog" src="http://i1108.photobucket.com/albums/h405/christian410/very_cool_fight_eypon_death.gif" title="Click to get more." /></div>

Keterangan: 

1. Untuk mengubah posisi animasi dari kanan ke kiri, tinggal merubah kode right ke left, atau sebaliknya.
2. Untuk mengubah posisi animasi dari atas ke bawah, tinggal merubah kode top ke bottom, atau sebaliknya.

Demikian kode-kode animasi lucu dan menarik yang Ngonline06 bisa share. Semoga bermanfaat untuk para sahabat semua. Jika ada kesulitan ataupun hal yang perlu dipertanyakan, silahkan coret aja di kolom komentar di bawah. Salam sukses dari Ngonline06 untuk semuanya.