Jumat, 27 Januari 2012

Animasi Dengan Jquery Firefly Plugin

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/AVvXsEj2U3eqeya-7ZUDVbmlEWIMxw2BEZ-PMKG73Z4v4LUoW5DONtjooBQteeoiK1WYzLtlh3zXfsuSCHf0_Su0uooJNNH5YOS4I1xieiPEQ9JduUIUuk1oRLoo7U83jS-Gm4tYOy8JChApwe4/s1600/satar.png&#39;,
&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJwFomvKFvs9SqMCk2c8Y8BNnPdc1xAfp7TnFlJiWzDof-eHm2_wNTElaCYQyicNClSjVb6lCnxN3X9PvqyaS6g1Fi_BUkMqGxHs8i7IknB7MQQCs5__k7htteAGP4LyyxcEkDaT0CPQ/s1600/stggar.png&#39;,
&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2U3eqeya-7ZUDVbmlEWIMxw2BEZ-PMKG73Z4v4LUoW5DONtjooBQteeoiK1WYzLtlh3zXfsuSCHf0_Su0uooJNNH5YOS4I1xieiPEQ9JduUIUuk1oRLoo7U83jS-Gm4tYOy8JChApwe4/s1600/satar.png&#39;,
&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJwFomvKFvs9SqMCk2c8Y8BNnPdc1xAfp7TnFlJiWzDof-eHm2_wNTElaCYQyicNClSjVb6lCnxN3X9PvqyaS6g1Fi_BUkMqGxHs8i7IknB7MQQCs5__k7htteAGP4LyyxcEkDaT0CPQ/s1600/stggar.png&#39;],*/
images : [&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2U3eqeya-7ZUDVbmlEWIMxw2BEZ-PMKG73Z4v4LUoW5DONtjooBQteeoiK1WYzLtlh3zXfsuSCHf0_Su0uooJNNH5YOS4I1xieiPEQ9JduUIUuk1oRLoo7U83jS-Gm4tYOy8JChApwe4/s1600/satar.png&#39;,
&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAJwFomvKFvs9SqMCk2c8Y8BNnPdc1xAfp7TnFlJiWzDof-eHm2_wNTElaCYQyicNClSjVb6lCnxN3X9PvqyaS6g1Fi_BUkMqGxHs8i7IknB7MQQCs5__k7htteAGP4LyyxcEkDaT0CPQ/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 komentar:

Posting Komentar