Bagi teman-teman yang ingin mempercantik Blog, hal ini dapat dengan cara 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
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. 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>
4. 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>
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. 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>
7.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>
8.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>
9. 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>
10.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>
Cara memasang widget animasi ke blog :
1. Pilih script yang tersedia
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
Okey Teman-teman selamat mencoba yach,,semoga berhasil, dan thanks udah mau mampir....^^
0 komentar:
Posting Komentar