• Posted by : indoanim Friday, January 27, 2012

    Animasi Dengan Jquery Firefly Plugin
    hai sobat,kali ini saya mau sharing cara memasang Jquery Firefly.Jquery Firefly,memungkinkan untuk menampilkan animasi pada background blog/webkita berputar" seperti nyamuk~xDD.contohnya bisa dilihat seperti blog saya sendiri,bila sobat perhatikan,ada bintang" yang bergerak mengelilingi blog saya.sebelum mencoba jquety ini,jaya ingatkan dahulu untuk membackup template kamu.

    Contoh Screenshot




    Ok,pertama buka blogger => rancangan => edit HTMl,lalu masukan script" dibawah ini, diatas kode </head>


    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
    <script src='https://sites.google.com/site/djogzs/js/less-1.1.3.min.js' type='text/javascript'/>
    <script src='https://sites.google.com/site/djogzs/js/jquery-firefly.js' type='text/javascript'/>
    <script type='text/javascript'>
    $(document).ready(function() {
    $.firefly({
    /*images : [&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcc57fHjtQ9Gsgwv7mA5do4z1H-j_x1f3s6ZKnrmHVUmVdnB5akx-nxW9aoCtWod5-zZHtVhHqOE0NWtN_3tPRTCNPbXxrh3YOCJ7iGdrtWpJ6u305Fz4MNg6ViP5ihUQhdWym59Y0Bjw/s1600/satar.png&#39;,
    &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftQFnjZIVG3pU8eIfy6IdDbH7qecb-lLAZVKKPHHP8txHs1IY2HvwqaZv8jceK_UfQetoWqvXRkzUSes1zx0IYMTwOPi64URutdeRMcGrl2g5q1BXs1KU0Y1k_ObvepT_rapayUIpL8g/s1600/stggar.png&#39;,
    &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcc57fHjtQ9Gsgwv7mA5do4z1H-j_x1f3s6ZKnrmHVUmVdnB5akx-nxW9aoCtWod5-zZHtVhHqOE0NWtN_3tPRTCNPbXxrh3YOCJ7iGdrtWpJ6u305Fz4MNg6ViP5ihUQhdWym59Y0Bjw/s1600/satar.png&#39;,
    &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftQFnjZIVG3pU8eIfy6IdDbH7qecb-lLAZVKKPHHP8txHs1IY2HvwqaZv8jceK_UfQetoWqvXRkzUSes1zx0IYMTwOPi64URutdeRMcGrl2g5q1BXs1KU0Y1k_ObvepT_rapayUIpL8g/s1600/stggar.png&#39;],*/
    images : [&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcc57fHjtQ9Gsgwv7mA5do4z1H-j_x1f3s6ZKnrmHVUmVdnB5akx-nxW9aoCtWod5-zZHtVhHqOE0NWtN_3tPRTCNPbXxrh3YOCJ7iGdrtWpJ6u305Fz4MNg6ViP5ihUQhdWym59Y0Bjw/s1600/satar.png&#39;,
    &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftQFnjZIVG3pU8eIfy6IdDbH7qecb-lLAZVKKPHHP8txHs1IY2HvwqaZv8jceK_UfQetoWqvXRkzUSes1zx0IYMTwOPi64URutdeRMcGrl2g5q1BXs1KU0Y1k_ObvepT_rapayUIpL8g/s1600/stggar.png&#39;],
    total : 65
    });
    });
    </script>


    Setelah itu simpan dan lihat hasilnya.
    Note:Jika Ditemplate kamu sudah ada jquery,ada kemungkinan animasi'a tidak akan muncul karena bentrok atau ada jquery yang sama
    oia,animasinya yang sekarang masih dipakai adalah gambar bintang.Ada yang kecil dan juga ada yang besar (ada2 jenis)kamu bisa menggantinya dengan gambar kamu dan jumlah'a juga bisa kamu atur.tapi untuk gambar'a saya sarankan gunakan gambar yang ukuran/size'a yang kecil,agar tidak trlalu berat.selamat mencoba,Arigatou gozaimasu~


    0 comments

  • Copyright © - Network Tips - Network Tips - Powered by Blogger - Designed by inggisxXx