Pages

Selasa, 13 November 2012

Cara Memasang Widget Animasi di Blog

Cara Memasang Widget Animasi di Blog - Memberi sebuah animasi di blog akan menambah suasana blog yang semula sepi menjadi agak ramai :) Nah, pada tutorial kali ini saya akan membagikan cara untuk memasang widget animasi pada blog anda, dimana pada tutorial kali ini saya juga telah menyiapkan beberapa contoh animasi yang langsung bisa anda pasang di blog. Simak langkah-langkah berikut :)

Cara Memasang Widget Animasi di Blog


  • Login ke blogger terlebih dahulu (seperti biasa :) )
  • Pilih Tata Letak
  • Pilih Tambah Gadget
  • Pilih Html/Java Script
  • Lalu copy kode Html animasi yang anda ingin pasang di blog. 
  •    (Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda)
  • Pastekan kode tadi di Html/java script yang baru saja anda tambahkan.
  • Simpan, dan selesai :)

  • Daftar Kode Animasi Bergerak
    1. Spongebob


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    2. Naruto


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    3. Gaara


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    4. Labu


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    5. Tengkorak

    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    6. Ekspresi Muka

    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>


    7. Animasi



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    8. Main Taplak

    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    9. Pasangan



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    10. Zoombie


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    11. Pigglet


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    12. MiniMouse



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>


    13. Hallo


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    14. Hai Friend

    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>

    15. Star

    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">My Widget</a></center></small></div>



    16. Gajah Loncat

    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget-Animasi</a></center></small></div>

    17. Booring

    <div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget-Animasi</a></center></small></div>

    18. Bayi ketawa

    <div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget-Animasi</a></center></small></div>

    19. Dance

    <div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget-Animasi</a></center></small></div>

    20. Main Bola

    <div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>


    21. Bayi Tertawa

    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget-Animasi</a></center></small></div>

    22. Panda Biru

    <div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.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="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

    23. Panah

    <div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    23. Bunga


    <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    24. Anjing Laut

    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    25. Lumba-lumba

    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    26. Kucing Tidur


    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    27. Kelinci

    <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    28. Dragon

    <div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    29. Ikan

    <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget Animasi</a></center></small></div>

    30. Pinguin


    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-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><a href="http://kreasiblog-smile.blogspot.com/2012/11/cara-memasang-widget-animasi-di-blog.html" target="_blank">Widget Animasi</a></center></small></div>


    Catatan !! ada bisa mengatur dimana anda ingin meletakan animasi tersebuat 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.

    Mudah bukan... ?
    Selamat Berkarya... :)


    2 komentar:

    1. Terimakasih atas informasinya :)
      http://goo.gl/mgBCnM

      BalasHapus
    2. How to resolve database connectivity issues in Blockchain

      On the off chance that you need to determine your database network issues in blunder less way, don't hesitate to dial Blockchain support number at 1800-665-6722 and get all the required arrangements and strategies from the very much skilled specialists. The specialists are gifted in settling every one of the issues and inquiries identified with database network in a matter of seconds. Regardless of whether it's early morning or late night you are allowed to call specialists them whenever any time of an hour as they are accessible nonstop to give productive help. For more info:- https://www.cryptophonesupport.com/wallet/blockchain/

      BalasHapus