Senin, 06 Oktober 2014

Kumpulan Animasi Untuk "Mempercantik" Blog






Mempunyai blog dengan tampilan yang indah dan menarik adalah menjadi salah satu penyebab pengunjung betah untuk berlama-lama "menetap" di blog Anda. :D

Salah satu cara untuk memperindah blog adalah dengan memasang animasi-animasi lucu dan keren di blog Anda. Tapi, menurut saya jangan terlalu banyak menggunakan animasi di blog. Kenapa? karena dengan banyaknya animasi di blog akan mempengaruhi 'loading' tentunya blog akan lebih berat jika dikunjungi.

Jujur, saya tidak terlalu suka memasang animasi di blog. Terutama animasi-animasi atau tulisan yang terlalu mencolok (kontras). Ya, karena salah satu alasannya adalah seperti yang saya tulis di atas tadi.

Tapi, jika Anda suka memasang atau mengkoleksi animasi di blog, saya mempunyai sedikit koleksi animasi yang mungkin bisa Anda pasang di blog Anda. Jika berminat silahkan copas kodenya di bawah ini:







  1. Kembang Api

     

    <a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.htmll" 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>
  2. Pelaut
     

    <a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.htmll" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/tutuktutuk.gif" /></a>

  3. SpongeBob Ngantuk
     

    <a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/bob.gif" /></a>

  4. SpongeBob Lari
     

    <a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.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>

  5. Ubur - Ubur
     
    <a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.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>

  6. Seluncur
     

    <a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.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>

  7. Bajak Laut
     
    <a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.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. Dancer
     

    <a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.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. Petir
     
    <a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Cloudelec.gif" /></a>

  10. Murid
     
    <a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/jln.gif" /></a>

    11. SpongeBob Gembira

    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>



    12. Naruto



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>

    13. Gaara



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>

    14. Labu



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>

    15. Tengkorak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>

    16. Ekspresi Wajah


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>


    17. Animasi




    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html/" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>

    18. Main Taplak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>

    19. Pasangan




    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>

    20. Zoombie



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>

    21. Pigglet



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" 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://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>

    22. Mini Mouse




    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" 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://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>


    23. Hello



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" 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://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>

    24. Hi Friend!



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" 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://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>

    25. Star


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" 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://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">My Widget</a></center></small></div>



    26. Gajah Loncat


    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" 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.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget-Animasi</a></center></small></div>

    27. Boring...



    <div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget-Animasi</a></center></small></div>

    28. Bayi Tertawa-1


    <div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget-Animasi</a></center></small></div>

    29. Dance



    <div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget-Animasi</a></center></small></div>

    30. Main Bola


    <div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>
    31. Bayi Tertawa-2



    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.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="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget-Animasi</a></center></small></div>

    32. Panda Biru



    <div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
    33. Panah



    <div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.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="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    34. Bunga




    <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.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="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    35. Anjing Laut


    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.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="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.htmll" target="_blank">Widget Animasi</a></center></small></div>

    36. Lumba - Lumba



    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.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="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    37. Kucing Tidur




    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" 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.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    38. Kelinci


    <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.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="http://www.wapskin.us/2013/10/kumpulan-animasi-untuk-mempercantik-blog.htmll" target="_blank">Widget Animasi</a></center></small></div>

    39. Dragon


    <div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html/" 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.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    40. Ikan


    <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.lilikurniawan.blogspot.com/2013/10/kumpulan-animasi-untuk-mempercantik-blog.html" 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.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    41. Pinguin




    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.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://www.wapskin.us/2013/09/kumpulan-animasi-untuk-mempercantik-blog.html" target="_blank">Widget Animasi</a></center></small></div> 


    Untuk cara pemasangannya adalah:

    1. Login ke Akun Blogger Anda
    2. Buka Tata Letak
    3. Klik "Tambah Gadget" > "HTML/Javascript"
    4. Copy dan Pastekan kode masing-masing animasi yang Anda sukai.
    5. Lalu Klik Simpan atau Save. 
    Semoga Bermanfaat....

Tidak ada komentar:

Posting Komentar