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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html" 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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html" 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://sakawku.blogspot.com/2011/12/cara-memasang-gambar-animasi-lucu-di.html"
target="_blank">Widget
Animasi</a></center></small></div>
<div
style="position: fixed; bottom: 0px; left:
10px;width:110px;height:130px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img
border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif"
title="widget animasi lucu bergerak atau gif" alt="animasi bergerak
naruto dan onepiece"/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
19. Ekspresi muka
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.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/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Ekspresi</a></center></small></div>
20. Kodok mata gede
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
21. Spiderman
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
22. Pig
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
23. Muka senyum
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
24. monyet
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
25. Doraemon
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img
border="0"
src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My
widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
26. Spongebob
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img
border="0"
src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My
widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
27. Panda
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.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/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
28. Monyet loncat
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
29. Anime cewek
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
30. Saringgan
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.com//" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
31. Naruto berubah
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
32. Ayam betelur<div
style="position: fixed; bottom: 0px; left:
10px;width:100px;height:130px;"><a
href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Widget</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. Tentukan gambar animasi yang
diinginkan yang tersedia di atas, lalu copy script yang berada di bawah
gambar. Login ke blog kalian bisa klik disini
2. Di Dashboard blogger pilih Rancangan - Elemen halaman
3. Pilih Tambah Gadget
4. Pilih HTML/Javascript
5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript
Contoh blog yang sudah
terpasang widget ini kalian bisa lihat di blog tercinta ini hehehe..
Selamat Copas kawan..Ada maslah comment aja kawan....
Tidak ada komentar:
Posting Komentar