Selasa, 28 Desember 2010

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" 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://www.komputerseo.com" 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" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" 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" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" 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" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" 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" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" 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" 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://www.komputerseo.com" 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" 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://www.komputerseo.com" 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" 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://www.komputerseo.com" 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" 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://www.komputerseo.com" 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" 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://www.komputerseo.com" 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" 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://www.komputerseo.com" 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" 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://www.komputerseo.com" 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" 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://www.komputerseo.com" 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" 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://www.komputerseo.com" 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" 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://www.komputerseo.com" 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" 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://www.komputerseo.com" 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" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" 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" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>


Artis

1. Leonardo




Untuk widget animasi gambar artis bisa dilihat scriptnya disini widget animasi blog


Untuk widget animasi kartun lucu lainnya seperti di bawah ini bisa dilihat disini widget animasi lucu.
.
24.Telur menetas



25.Ayam bertelur



26.Beruang




32.Gawang

Artikel Terkait:



276 komentar blog:

«Terlama   ‹Lebih tua   201 – 276 dari 276   Lebih baru›   Terbaru»
kaos bola online mengatakan...

makasih yah infonya

singgih pangestu mengatakan...

kok ane gk bisa mas ?? tolong balas .. coba ajja kunjungi www.singgihinformation.blogspot.com

sulis mengatakan...

Makasih ya

sinusitis mengatakan...

wah unik banget ya animasinya,.,,.

Lupus mengatakan...

Mkasih nih informasinya...

Eva Surono S mengatakan...

thx tutorialnya , semoga bermanfaat


knjungi blogku ya ,tenkyu :D
evassurono.blogspot.com

Unknown mengatakan...

hahahahha keren" izin copas ya..
sering" mampir dong keblog w, buat yang suka sama kpop dan pengen tau info-info update seputar kpop
asiankpophitz.blogspot.com
jangan lupa di join ya :P gamsahamnida cinggu

Eka Nanda Rudia mengatakan...

makasih... atas ilmunya...

sepriyanto mengatakan...

keren2 ne widget nya gan..makasih ya,

desimapanjaitan mengatakan...

Thank's...bangetttttt....

Unknown mengatakan...

trim ok

Memel Gomels mengatakan...

yuhu.....keren banget, seneng dapet ilmu lagi, sangat membantu, dan terimakasih

Aynie Noer mengatakan...

haturnuhun......animasinya bagus

Eva Siti Safaah mengatakan...

wow... bagus sekali. trmakasih ... ^_^

Yasinta Ayuningdyah mengatakan...

Terima kasih..
saya udah sedot :)

Yasinta Ayuningdyah mengatakan...

makasi bg
saya udh make, animasi ny lucu" :)

Hosianna Yossi Agustina mengatakan...

gomawo buat scriptnya^^
jd nambah ilmu nih.

~salam Blogger~
http://okada24.blogspot.com

Hosianna Yossi Agustina mengatakan...

gomawo buat scriptnya^^
jd nambah ilmu deh!!


mampir yaa~: http://okada24.blogspot.com/

Unknown mengatakan...

Bagus.. Bisa buat bahan postingan :) http://poponio.blogspot.com/

Unknown mengatakan...

http://varista-22.blogspot.com <<<< Download Software Gratiss

Theresia Melinda mengatakan...

wah sangat bermanfaat, terimakasih^^
silakan mampir di blog saya ya^^
http://memeldapur1412.blogspot.com/

nugrahaWOW mengatakan...

trims kk
animasi nya bagus...

Unknown mengatakan...

Thanks. sangat bermanfaat

Unknown mengatakan...

makasih banyak temann

Ratman Fauzi mengatakan...

terima kasih atas infonya> blog saya http://sdnantasansegera.blogspot.com

annoii metal mengatakan...

ijin copas ya gan... thanks

Unknown mengatakan...

Mantaps abizz ....
silahturahminya bang...
http://aselieindonesia.blogspot.com/

Mlette's blog mengatakan...

MAkasih jd mnarik nih blog ku tp baru, blm ada pengunjung hehe

Unknown mengatakan...

animasi-nya mantap dan lucu Gan

あいすゆき mengatakan...

haha jadi goyang2in kepala XD
kelincinya lucu XD wahhaha

Veni mengatakan...

bang, ditampilan blog saya tampilannya ga kayak gitu bang..
tampilannya lain, bukan kayak gitu
itu gimana dong bang?

Veni mengatakan...

bang, tampilan blog saya ga kayak gitu bang.. itu berarti copas diman dong bang? kalo saya lansung pasang tulisannya di HTML, kolom judulnya juga ga ada bang, , takut salah..

blogwidget mengatakan...

ini dia widget yg q cari2. Makasih gan...

Muhammad Arif Taufiq mengatakan...

Terimakasih sangat membantu sekali
visit my blog http://arifegaforever.blogspot.com/

Aryscreena... mengatakan...

kalo mau masangnya di atas gimana gan ?

Unknown mengatakan...

kucingnyaa lutuu,, ijin masang di blog ku yah..

Unknown mengatakan...

Wah keren.........tambah ilmu nie maklum saya nubi jangan lupa lihat blog saya ya!!!! unu linknya: http://cherryyumie.blogspot.com/

Lintanggumebyar mengatakan...

mantap gan (Y)

mampir2 ke blog ane http://hiddenanbhu.blogspot.com/ (Download Games for Android,java, software dll)

FAMILY SPRINGBED mengatakan...

kok gak ada gambarnya gan

blogwidget mengatakan...

gambarnya lucu unyuk2....

pondoklukman mengatakan...

eh unyu unyu animasinya, keren keren.

Unknown mengatakan...

jelas dan padat... nice share gan :)
jngn lupa mampir2 ya http://ebooksetia.blogspot.com

Multi Info mengatakan...

Unyu - unyu gan :)

sanjaya mengatakan...

kerennnn... cuyyy...

fuad syafii mengatakan...

http://vuadcreativedesign.blogspot.com/

UnlimitSoft mengatakan...

mantabs bro.. aku juga dah coba.. :D

belajar wordpress mengatakan...

saya sudah coba pasang gambar animasinya tp, kok ga bisa muncul di blog saya ya.. tolong bantuannya. mksh..

Unknown mengatakan...

makasih infonya mas bro,aku dah terapin ke blogku, lucu banget.... sukses selalu buat mas bro, amin

Media Pembelajaran mengatakan...

Mantapppppppppp Bang

kak humaira mengatakan...

Boleh juga, salam kenal..

Aneka Tips kesehatan Online mengatakan...

Lucu... saya sudah pasang di blog keponakan...Thx.
Buat temen2 yg butuh informasi mengenai kesehatan silahkan buka blog ini yaaaaa

Unknown mengatakan...

Tanks boss...jgn lupa mampir di blog sy.......... www.pesonaku354.blogspot.com

Unknown mengatakan...

gan, gimana caranya awal membuat script seperti itu. tolong petunjuknya ya gan :)

Unknown mengatakan...

thx gan kren gambarnya
lo bisa buat yg lbh kren lg ^^

FRANKLYN SAMUEL SITORUS mengatakan...

Thanks ilmunya....
http://knowledgewitheducation.blogspot.com/

Obat Tradisional Penyakit Diabetes mengatakan...

Makasi gan atas infonya..mampaat sekali

KampusIT mengatakan...

mkazih gan. lo bisa di tambah lagi ya......

Blogger Antik mengatakan...

Widgwt animasinya keren-keren dan lucu, pantas dipasang pada blog, Terima kasih gan......

Kinzihana mengatakan...

makasih ya saya minta pinguin nya :D

charis mengatakan...

wah akhirnya ketemu juga... makasih gan infonya..

Unknown mengatakan...

terimakasih atas nformasinya sangat membantu saya.! salam kenal.

Aziespitt mengatakan...

Ijin Copy gan :D

Aziespitt mengatakan...

Ijin Copy ^___^

Fajrul mengatakan...

Keren.
saya coba pasang bang,,,

Rhara mengatakan...

Lumayan ni....
Makasih gan

Cream Pemutih Ketiak dan Selangkangan mengatakan...

keren banget gan, cara memasang gambar animasi di pojok blog. sangat bermanfaat dan top banget. terima kasih telah berbagi..

Unknown mengatakan...

kerenn....

Putri yang sedang mencari pangeran berkuda putih mengatakan...

caranya ke dashboard gimana? daritadi gak bisa bisa

Unknown mengatakan...

Thenkz ea sob...

komputerseo.com dah sangat membantu...

:)

tas branded mengatakan...

lucu banget ih .. gemes ..

dhani ramdhani mengatakan...

Bgus nichh..
coaba dlu akhhh
thank's ya gan..

Unknown mengatakan...

mantap dah.. thank's om

dhani ramdhani mengatakan...

hatur nuhun juragan,,

tiasa janten sae lamun di ciobian mah

Unknown mengatakan...

maaf om kok pas simpan perubahan ga ke pasang d blog sya, trims

Kang Bahro mengatakan...

nambah ilmu lagi nichh..
berkunjung kesni mahh

hatur nuhun juragan...
bade di cobian heula ku simkuring....

Unknown mengatakan...


saya sangat mengucapkan banyak terimah kasih kepada KI MANDALA atas bantuan AKI kini impian saya selama ini sudah jadi kenyataan dan berkat bantuan AKI. dan KI MANDALA pula yang telah memberikan angka jitunya kepada saya yaitu [2341] dan alhamdulillah berhasil..dpt 145 juta sekali lagi makasih yaa AKI dan akhirnya saya menang..??? Berkat angka GHOIB nya AKI dan saya sudah merencanakan untuk buka usaha nanti dan melunasi utang2 saya dan kini kehidupan saya jauh lebih baik dari sebelumnya,bagi anda yg ingin seperti saya mau merubah nasib silahkan HUB KI MANDALA DI NO;0823 48985 714 Thanks


«Terlama ‹Lebih tua   201 – 276 dari 276   Lebih baru› Terbaru»