CARA MENERAPKAN/MEMASANG BERBAGAI MACAM ANIMASI PADA BLOG

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.

Ada beberapa widget dibawah ini, silahkan sobat terapkan sesuai dengan pilihan 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

  <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.gif"></a>

3. Pelaut

<a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-menerapkanmemasang-berbagai-macam.html" style="bottom: 5px; left: 5px; margin-left: 1em; margin-right: 1em;" title="Want more... Click it."><img src="https://i1242.photobucket.com/albums/gg532/faizkr8/tutuktutuk.gif" title="" /></a>

4. 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>

5. 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>

6. 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>

7. 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>

8. 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>

9. 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>

10. 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>