Cara menerapkan animasi bergerak
pada blog :
- Login ke Akun Blogger Anda
- Buka Tata Letak
- Klik "Tambah Gadge=> HTML/Javascript"
- Copy dan Pastekan kode masing-masing animasi yang Anda senangi. ( jika berminat pilih kode salah satu animasi di bawah ini )
- Lalu Klik Simpan atau Save
Kode animasi :
- SpongeBob Lari
<a
href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
style="bottom: 5px; display: scroll; left: 5px; position: fixed;"
title="Want more... Click it."><img
src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif"
/></a>
- Ubur - Ubur
<a
href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
style="bottom: 5px; display: scroll; left: 5px; position: fixed;"
title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/ubur2.gif"
/></a>
3. Pigglet
<div style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/"
target="_blank"><img border="0"
src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">My
Widget</a></center></small></div>
4. Mini Mouse
<div style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://gedesitdownblog.blogspot.com/"
target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">My Widget</a></center></small></div>
5.
Hello
<div style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://gedesitdownblog.blogspot.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">My Widget</a></center></small></div>
6.
Hi Friend!
<div style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://gedesitdownblog.blogspot.com/"
target="_blank"><img border="0"
src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My
widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">My
Widget</a></center></small></div>
7. Star
<div style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/"
target="_blank"><img border="0"
src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif"
title="My widget" alt="animasi bergerak gif" /></a><small><center><a
href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">My
Widget</a></center></small></div>
8. Gajah Loncat
<div style="position: fixed; bottom: 0px; left:
20px;width:120px;height:160px;"><a
href="http://gedesitdownblog.blogspot.com/"
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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">Widget-Animasi</a></center></small></div>
9. Main Bola
<div style="position: fixed; bottom: 0px; right:
30px;width:160px;height:160px;"><a
href="http://gedesitdownblog.blogspot.com/"
target="_blank"><img
src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif"
border="0" /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">Widget-Animasi-Blog</a></center></small></div>
10. Bayi Tertawa
<div style="position: fixed; bottom: 0px; left:
20px;width:120px;height:100px;"><a
href="http://gedesitdownblog.blogspot.com/"
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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">Widget-Animasi</a></center></small></div>
11. Panda Biru
<div style="position: fixed; bottom: 0px; left:
20px;width:100px;height:100px;"><a
href="http://gedesitdownblog.blogspot.com/"
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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">Free-Widget-Animasi</a></center></small></div>
12. Panah
<div style="position: fixed; bottom: 0px; left:
10px;width:210px;height:120px;"><a
href="http://gedesitdownblog.blogspot.com/"
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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">Widget
Animasi</a></center></small></div>
13. Anjing Laut
<div style="position: fixed; bottom: 0px; left:
10px;width:110px;height:160px;"><a
href="http://gedesitdownblog.blogspot.com/"
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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">Widget
Animasi</a></center></small></div>
14. Lumba - Lumba
<div style="position: fixed; bottom: 0px; left:
10px;width:110px;height:160px;"><a
href="http://gedesitdownblog.blogspot.com/"
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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">Widget
Animasi</a></center></small></div>
15. Kucing Tidur
<div style="position: fixed; bottom: 0px; left:
10px;width:110px;height:140px;"><a href="http://gedesitdownblog.blogspot.com/"
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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">Widget
Animasi</a></center></small></div>
16. Kelinci
<div style="position: fixed; bottom: 0px; left:
10px;width:125px;height:160px;"><a
href="http://gedesitdownblog.blogspot.com/"
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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">Widget
Animasi</a></center></small></div>
17. Pinguin
<div style="position: fixed; bottom: 0px; left:
10px;width:110px;height:130px;"><a
href="http://gedesitdownblog.blogspot.com/"
target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif"
title="Click to get more."
/></a><small><center><ahref="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html"
target="_blank">Widget
Animasi</a></center></small></div>
Catatan !! Anda bisa mengatur dimana ingin
meletakkan animasi tersebut sesuai keinginan. Caranya dengan mengedit tulisan
bottom (bawah), top (atas), left ( kiri), right (kanan). Contoh : jika
anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi
top dan right.
Demikian informasi tentang kumpulan beberapa animasi sebagai kreasi yang berguna untuk
mempercantik tampilan blog kita, semoga bermanfaat. J
Sumber : http://gedesitdownblog.blogspot.com
0 komentar:
Posting Komentar