cara meampilkan gambar di blog
Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian
masukkan ke dalam gadget html. Script ini saya buat menggunakankode 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
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tFx_8iuX5zBDyTp0910ci3JyVRt9PC1KgKdm34nI_ltHoEr3qk2m71stkIbGZSTRlmv3FkLXQFqE00HsSMUtZjPT7dcD8vgNidg4WVLlInkyYG9LREooNAXEqNKcY=s0-d)
Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a
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
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_svTkMArFMu1L-cGJgbu_U06mUrzqvvd_kmQkc3gwKODvQv6a_nz0yK1VldPACVERb4R_FZLLsCjAKvb2hLeWdizOP1NbfexYejIXWyVv7oE5UhogvK5wJFGdoiDL8=s0-d)
Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a
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
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_t_Vr4LrbcGLgSCsw0zfRe639kxf4mjG-W6ZBH4CJPBOycud_sqHpr_hPm_No9cfgkf-KXu11gDvI0MdG9KKokjeJuUadQX7a4-BT38wmtjg6sv1lAkVeFwmoewWeA=s0-d)
Script :
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vv6htsBXplY97pchw154RKZIC1VNJZaZEKB96dAO0yenERj2-AHr8xghlIiJ5vur16gh9lfQuqRKnrms1gJv8mrhmOuQEUsrwKVngxdel0Lim2ncmg4tI-tZlIhw=s0-d)
Script
<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a
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>
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
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u2g5YuRngCGTFeIThQsKhkphmDRIr2diRf7LzmOka5SHQ5DBYh3gOPIxrF-vVmUiZLUhvHfu4RqDLzroiJYpIdt7nWt-ebdGL1OS5o-w2xSih8kOxho9Q1HvBez_o=s0-d)
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a
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
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_ty6UEPH3w1CxTfY9pxi3_NmVXl1aqMh68gEGUdeZNe2qIzTRdEa-i2qAY2ihKm8FM9VXm-2B7mWlp1xzvbcmedcvyYDhmqgxpWRoABDHHMu-BPdBQ7cnsGLWOg1w=s0-d)
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>
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
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u3TuyTemVkvU8Dt3cyqFWOb4bH9q0egPGcvzaQ_CmHn9hD2F8RGqJ1YBh8lRhjMcJwiNFlbWjUYb2ISP2mEyl-78A4b_M9mtMXU7s0Rwwpagl4ldyP7xFShILL6A=s0-d)
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a
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"
<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
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vm1o2FgIclMlJecyr817cdq-MZa--WcjWlLyzNYq4C33RE8Dx-Ci6GT7nBhfqZ30T_r7cwrENNwBxyYoKcsSl2yPjsSmw6grElNpU2aNx5GfW682tvICLNZe0_xQ=s0-d)
Script :
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sb1AApHKooFFII-8fxCZpgU-OFZY2XV05_9-spDnzK7ZKg853TWJw19VtjocJW1SSLYdSU6m7zYkp5ZpF2AevJxFYPx6zuXCiFvijjzzXPt0pX4hXMWO--hmdbEQk=s0-d)
Script:
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sqWzC_WDgUTtdBZSdQF7K5NPYc_Bk1jENO2TV_Q0YfPgDmUOi7L8wQq5pu6Pyid_1zgT2n4I347VTgjMRhNmFB0HVjdXpseyDKrv7K1iuBLQ-lXQf0JuuK95ch_u0=s0-d)
Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a
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;"><
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
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vYBoXHcu-lw6BKjLx4Btda9P3X6VGWEVcClMWxEdG7oZ7HYvd_qnrNucVGYWwAsdH98xi5B-UVStayu1dbJYbO440-kqtFQkEgdPJGqPO3XVHSObbxkyKzcSU6Vv4=s0-d)
Script :
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sIlVOSbGOY9wZD13l-xDyo_xA6pwXlVEXb1rkzUY_KsXcfA-R9XrAVxD4BH8MvXMypKRvwQJ2mPj3MEgqDWbcBOeJ15P73YvhoBzGR8V8L9GHIGWBit4Vcfj-P0zs=s0-d)
Script :
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
3. Pilih Tambah Gadget
4. Pilih HTML/Javascript
5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript
Catatan:
1.Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau
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
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 leftmenjadi right
Untuk mengubah posisi dari kiri ke kanan ganti tag right menjadi left
Contohnya bisa dilihat di bawah ini
1. Leonardo
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_ubeK1B8Ciqj9Vs_Xc_k3xI3mHyVKmghrSsQ4BGzY-2rur3rIKfbGRidyVvO_ufWfOmTKr4zkD0HCcFi9KGK6_vwhH5syesY62Pu4GyIqdP1ctST8OIDcpOYz3JSp4=s0-d)
Untuk widget animasi gambar artis bisa dilihat scriptnya disini widget animasi blog
Untuk widget animasi kartun lucu lainnya seperti di bawah ini bisa dilihat disiniwidget animasi lucu.
.
24.Telur menetas
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_usW1UVEDPU37sDwQxtJniKMTGlWPTOcjHSfoFp1I5qm_lke9_iWTVo8FBriv6kWx4zDyBiMhTYRRwF98p2nVwo6lKDzhJWMSHYPihPL4_0fI8fU5ANB-denh0gAio=s0-d)
25.Ayam bertelur
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u0vi5uOUD8OvfT3u_yhza1Fs6JOTePkXDPEp2B4t4PRGZQmfObkuqz7pDhUomLUQR8oeIL--hpjtQbXhLy6Cyl3jvHo3kMhbhHWAv84zSH_BEbMdlcDKpl2JnewQ=s0-d)
26.Beruang
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vePS9Qv_2EAvU2xeBhmcELQeArHo53Whr7m_EwUtFHZNWQY_OSm-IQjefZok4O719xur23gXecI7t5YOoCBfoytnOCSOjx5uCxRq0JmBPszwcMi21K6-kS6gZKBtE=s0-d)
32.Gawang
![Click to get more.](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uXxbKGFdtLb777TFxEB7t8uvZamSS3_EVXIyqJGJaTiOJanbeoAr7a4dfB1AgqBlLbN1MReyY7voYnqNI6KEn1L_SFsJcp-fsvLdG00-SYbr7YEf4tcP8Sn9zkqME=s0-d)
Silahkan anda pilih mana yang anda suka gambar gambar di atas untuk di
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 disiniwidget animasi lucu.
.
24.Telur menetas
25.Ayam bertelur
26.Beruang
32.Gawang
Silahkan anda pilih mana yang anda suka gambar gambar di atas untuk di
tempatkan di blog kalian, sekian dulu posting saya kali ini yang berjudul Tips Memasang Widget Untuk
mempercantik Tampilan Blog semoga bermanfaat
Tidak ada komentar:
Posting Komentar