![](https://4.bp.blogspot.com/-_4pZ0MtBWTg/TyKnvicRo0I/AAAAAAAAA_0/G-izqms-t_A/s400/Untitled.jpg)
Hai All... Kali ini saya mau sharing cara memasang Jquery Firefly , Jadi Animasi ini dapat bergerak dan berputar2 sendiri pada Blog/web kita Seperti Kunang2 :D. Contohnya Bisa Dilihat di Blog Saya Sendiri, Bila kalian perhatikan ada bintang2 yang bergerak mengelilingi blog saya. Sebelum mencoba jquery ini saya saranin dahulu untuk membackup template kamu ^^
Ok, Pertama buka BLOGGER => Edit HTML => Lalu masukkan 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 : ['http://2.bp.blogspot.com/-TyWZ5HcJJq0/TyFnHdLxGCI/AAAAAAAAA_Y/JFWCgOSlkJU/s1600/satar.png',
'http://4.bp.blogspot.com/-yWjYGr9zyNI/TyFnH93vo0I/AAAAAAAAA_c/F6x3Q2ktGJk/s1600/stggar.png',
'http://2.bp.blogspot.com/-TyWZ5HcJJq0/TyFnHdLxGCI/AAAAAAAAA_Y/JFWCgOSlkJU/s1600/satar.png',
'http://4.bp.blogspot.com/-yWjYGr9zyNI/TyFnH93vo0I/AAAAAAAAA_c/F6x3Q2ktGJk/s1600/stggar.png'],*/
images : ['http://2.bp.blogspot.com/-TyWZ5HcJJq0/TyFnHdLxGCI/AAAAAAAAA_Y/JFWCgOSlkJU/s1600/satar.png',
'http://4.bp.blogspot.com/-yWjYGr9zyNI/TyFnH93vo0I/AAAAAAAAA_c/F6x3Q2ktGJk/s1600/stggar.png'],
total : 65
});
});
</script>
<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 : ['http://2.bp.blogspot.com/-TyWZ5HcJJq0/TyFnHdLxGCI/AAAAAAAAA_Y/JFWCgOSlkJU/s1600/satar.png',
'http://4.bp.blogspot.com/-yWjYGr9zyNI/TyFnH93vo0I/AAAAAAAAA_c/F6x3Q2ktGJk/s1600/stggar.png',
'http://2.bp.blogspot.com/-TyWZ5HcJJq0/TyFnHdLxGCI/AAAAAAAAA_Y/JFWCgOSlkJU/s1600/satar.png',
'http://4.bp.blogspot.com/-yWjYGr9zyNI/TyFnH93vo0I/AAAAAAAAA_c/F6x3Q2ktGJk/s1600/stggar.png'],*/
images : ['http://2.bp.blogspot.com/-TyWZ5HcJJq0/TyFnHdLxGCI/AAAAAAAAA_Y/JFWCgOSlkJU/s1600/satar.png',
'http://4.bp.blogspot.com/-yWjYGr9zyNI/TyFnH93vo0I/AAAAAAAAA_c/F6x3Q2ktGJk/s1600/stggar.png'],
total : 65
});
});
</script>
Setelah Itu Simpan dan Lihat Perubahannya
nb : Jika di Template Kamu sudah ada Jquery, ada kemungkinan animasinya tidak akan muncul karena bertabrakan atau ada Jquery yang sama
0 komentar:
Posting Komentar