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:
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>
<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/00020
16B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>
16B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>
<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>
<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>
<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>
<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>
<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>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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 :
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment