leonitaverea08

come to join me :) you'll know how friendly I am

cara memasang animasi lucu di blog-mu :)

on December 27, 2012

Cara memasang gambar animasi lucu di pojok blog (widget animasi blog gratis)

Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :
1.Gajah loncat

Script:

<div style=”position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; 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://www.komputerseo.com&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>

2. Boring

Script :

<div style=”position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif&#8221; border=”0″ /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>

3.Tuyul ketawa

Script:

<div style=”position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif&#8221; border=”0″ /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>

4.Boneka joget

Script :

<div style=”position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif&#8221; border=”0″ /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget-Animasi</a></center></small></div>

5. Panda main bola

Script :

<div style=”position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif&#8221; border=”0″ /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget-Animasi-Blog</a></center></small></div>

6. Tuyul baring

Script :

<div style=”position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Free-Widget-Animasi</a></center></small></div>

7. Panda biru

Script

<div style=”position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif&#8221; title=”Click to get more.” /></a>
<small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Free-Widget-Animasi</a></center></small></div>

8. Panah

Script:

<div style=”position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020236.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

9. Bunga

Script :

<div style=”position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020322.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

10.Anjing laut

Script:

<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

11.Lumba-lumba

Script :

<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

12.Kucing tidur

Script :

<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

13.Kelinci

Script :

<div style=”position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; 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://www.komputerseo.com&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

14.Dragon

Script:

<div style=”position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; 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://www.komputerseo.com&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

15.Ikan

Script :

<div style=”position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020479.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

16.Pinguin

Script :

<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; 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://www.komputerseo.com&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

17. Helikopter

Script :

<div style=”position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img border=”0″ src=”http://content.sweetim.com/sim/cpie/emoticons/00020389.gif&#8221; title=”Click to get more.” /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget Animasi</a></center></small></div>

Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia

2. Di Dashboard blogger pilih Rancangan – Elemen halaman

Catatan:
Untuk tampilan blogger yang baru Pilih Tata Letak

3. Selanjutnya pilih Tambah Gadget

4. Kemudian pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript

Jangan lupa klik tombol Save

Catatan:

1.Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau disini widget blog
2. Untuk mengganti posisi widget dari sebelah kiri ke kanan ganti tag left menjadi right
Untuk mengubah posisi dari kiri ke kanan ganti tag right menjadi left
Contohnya bisa dilihat di bawah ini

<div style=”position: fixed; bottom: 0px; left: 30px;width:160px;height:160px;”><a href=”http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10&#8243; target=”_blank”><img src=”http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif&#8221; border=”0″ /></a><small><center><a href=”http://www.komputerseo.com&#8221; target=”_blank”>Widget-Animasi-Blog</a></center></small></div>

sumber : http://www.komputerseo.com/2010/12/cara-memasang-gambar-animasi-lucu-di.html


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Apa Kamu Sadar Hukum ???

Anda Baca, Kami Bangga

ISMAYA DWI AGUSTINA

LIFE OF A LAW STUDENT

leonitaverea08

come to join me :) you'll know how friendly I am

The WordPress.com Blog

The latest news on WordPress.com and the WordPress community.

%d bloggers like this: