Penerapan animasi pada blog terkadang bisa memperlambat loading pages blog sobat, semua itu tergantung dari jenis animasi apa yang akan kita terapkan. Jenis animasi yang saya posting dibawah ini adalah termasuk jenis animasi ringan dalam artian tidak terlalu memperlambat loading pages blog sobat.
Caranya adalah sbb:
1. Masuk ke Akun Blogger Sobat
2. Pilih Tata letak
3. Pilih Java Script/HTML
4. Copas Code animasi yang Sobat sukai
5. Klik Simpan dan lihat hasilnya
Berbagai Macam Animasi sbb:
1. Seluncur
<a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Skate.gif" /></a>
2. Letupan Kembang Api
3. Pelaut
4. Pinguin
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" 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>
5. Dragon
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" target="_blank">Widget Animasi</a></center></small></div>
6. Kelinci
<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" 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="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" target="_blank">Widget Animasi</a></center></small></div>
7. Tidur Pules
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" target="_blank">Widget Animasi</a></center></small></div>
8. Lumba-Lumba
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" 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="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" target="_blank">Widget Animasi</a></center></small></div>
9. Anjing Laut
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" 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="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" target="_blank">Widget Animasi</a></center></small></div>
10. Bajak Laut
<a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire-1.gif" /></a>
11. Dance
<a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Dance.gif" /></a>
12. Ubur-Ubur
<a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.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>
13. Bunga
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" 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="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" target="_blank">Widget Animasi</a></center></small></div>
14. Panah
<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" 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="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" target="_blank">Widget Animasi</a></center></small></div>
15. Panda
<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" 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="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" target="_blank">Free-Widget-Animasi</a></center></small></div>
<small><center><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" target="_blank">Free-Widget-Animasi</a></center></small></div>
16. Bayi
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" 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="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" target="_blank">Widget-Animasi</a></center></small></div>
Tag :
Tutorial
0 Komentar untuk "CARA MENERAPKAN/MEMASANG BERBAGAI MACAM ANIMASI PADA BLOG"