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://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>


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.
Baca juga Blogger Tutorial lainnya



13 komentar:

Anonymous said...

@Pelangi sepi, thank mba

Rica Rahmah said...

pengen pasang, tapi takutnya jadi lambat krna kebanyakan widget

lina@happy family said...

Lucu-lucu :)

Anonymous said...

@Lina, sama kayaq lina lucunya hehe

Unknown said...

bbi

arya said...

asyik...

AghniSR said...

susah bgt ngedit nya ga tau:(

Anonymous said...

@AghniSR, kenapa di edit sobat? scriptnya tinggal dipasang aja koq sobat

Kôcem N ÐeÃth ÑØte'r said...

gan cara buat laman pada halaman blog gmana eaa ?
cntohx yg kyak pnya agan itu -> induk halama about truz ada pilihannya profile, facebook dll.

Anonymous said...

@Kocem, Itu namanya menu navigasi mas saya dapet dari blog teman, mau saya posting disini belum sempat ijin ma yang punya, tapi kalau mas mau silahkan mas join ke blog teman saya disini http://hompimpaalaihumgambreng.blogspot.com/

Kôcem N ÐeÃth ÑØte'r said...

owhh,, trus cra buat menu navigasi gmana gan ?

Anonymous said...

@Kocem, Comment diatas ada link teman saya silahkan agan kunjungi cara buatnya saya ambil disana

Kôcem N ÐeÃth ÑØte'r said...

udah q ikutin prosedurx gan tapi kogh g bisa eaa.
trlalu rumit gan...:(

Post a Comment

Silahkan kalian berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam. Saya Lagi Bermasalah Dengan Adsense, Saya izin Vakum Ngeblog Dulu Sobat Buat Nyari Solusi!!

Related Posts Plugin for WordPress, Blogger...