Back Grond Firefly

log Code » Animasi Background Firefly

Animasi Background Star Firefly merupakan animasi javascript yang menampilkan efek bintang yang bergerak seperti kunang-kunang.  Pemasangan aplikasi sedikit rumit tapi jangan khawatir saya akan buat langkahnya semudah mungkin untuk menghindari kesalahan pemasangan. Animasi ini cocok digunakan untuk blog pribadi yang punya tema diary blog atau info gadget dan game.

Cara Pemasangan :

• Login ke blog sobat.


• Klik "Design" kemudian klik "Edit HTML" kemudian centang "Expand Widget Templates", seperti gambar dibawah ini.
  
  
  


• Cari kode HTML template blog </Head>, Gunakan Ctrl + F untuk menampilkan kotak pencarian browser dan mempercepat pencarian.


• Apabila anda sudah menggunakan JQuery silakan lewati langkah ini. Jika belum silakan anda copy-paste kode JQuery berikut ini diatas kode </Head>, pada langkah ini pastikan anda  belum memasang JQuery baik di HTML template blog maupun di widget.
  
  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'></script>


• Copy-paste kode berikut ini di atas </Head>.
  
  
  <script src='http://monozcore-project.googlecode.com/files/mozfirefly.js' type='text/javascript'/>
  <script type='text/javascript'>
  $(document).ready(function() {
  $.firefly({
  images : [&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuvDOVNdlnsBbzevvF5h6WsLjKmFNMhPDHBvnEa3990mon4y5OD7fUkiOdQkQapoj7wUKGWwuvGCFylx9lAnkIMNEpHTNXaMRWEWhMvufIN7uKtgqgCwrXt3KQ9pJHJkHtPVcw_0hvVgYR/s800/firefly%2520small.png&#39;],
  

  total : 10

  });
  });
  </script>
  
  Keterangan :
  • Kode berwarna biru merupakan URL link gambar firefly, untuk gambar lain silakan gunakan link url gambar yang sobat inginkan.
  • Kode berwarna hijau merupakan banyaknya gambar firefly yang ditampilkan.


• Klik "Save" dan lihat hasilnya...

sumber

.: Semoga Bermanfaat :.