Efek Hantu Terbang Di Blog

Buat sobat blogger yang punya tema template berlatar belakang gelap, nich ada script unik yang keren banget efek hantu terbang. Script ini akan menampilkan gambar hantu holloween yang sedang beterbangan secara random di blog sobat. Untuk contoh seperti yang terlihat dipostingan artikel ini.

Script ini menggunakan javascript dan 3 gambar yang mempunyai ukuran 144 pixel sehingga tidak akan memberatkan waktu loading blog sobat. Script efek hantu beterbangan secara default menggunakan 3 gambar hantu holloween yang keren dan unik. Gambar hantu bisa disesuaikan dan juga bisa menggunakan lebih dari 3 gambar. Buat yang tertarik memasang script ini saya sarankan hanya di pasang pada halaman utama saja biar tidak menggangu pengunjung blog apabila membaca artikel keseluruhan di blog sobat.

Cara Pemasangan :

• Login ke blog sobat...


• Klik "More Options" selector box kemudian klik "Tata Letak" setelah itu pilih "Add Widget" dan pilih "HTML / Javascript", seperti gambar di bawah ini.
  
  
  

  
  

  

  
  

  

  
  

  


• Copy-paste kode di bawah ini dan taruh di kotak gadget blog. Silakan sesuaikan beberapa kode tersebut agar sesuai dengan tema blog sobat.
  
  

  <script src="http://sites.google.com/site/monosbit/monosbit_Halloween.js"></script>
  <script>
  function JSFX_StartEffects(){
  JSFX.AddGhost("http://lh6.googleusercontent.com/-SXwO9TSbVHw/Tss48oP8H7I/AAAAAAAAAfY/sFb02XmPRiQ/s144/ghost2_0.png");
  JSFX.AddGhost("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUGWSmLQ99X3rU9LgEIjIf00yUW-VmLSoMGthgZRiTjhJDseCLw4kggKQet7hcfTShYI8PGNPYFsbivamUdmjocTkW8ajFey4BaXA0_wHXncdq-owygjjwkRG_hLiQacS2SrMFlvJeaC02/s800/ghost1.gif");
  JSFX.AddGhost("http://lh5.googleusercontent.com/-SpLc1VaANcs/Tss47hTjmuI/AAAAAAAAAfQ/Qb_ANbbx674/s144/ghost3_0.png");
  }
  window.onload = JSFX_StartEffects;
  </script>
  

  
  KETERANGAN :
  • Kode JSFX.AddGhost("URL link gambar"); merupakan kode script untuk mendeklarasikan array gambar. Untuk menambah gambar silakan tambahkan baris kode script ini pada script diatas.
  • Kode "https://lh6.googleusercontent.com/-SXwO9TSbVHw/Tss48oP8H7I/AAAAAAAAAfY/sFb02XmPRiQ/s144/ghost2_0.png" merupakan kode URL link gambar yang digunakan. Untuk merubah gambar silakan ganti baris kode ini dengan URL link gambar yang ingin digunakan.


• Klik "Save" dan lihat hasilnya...

Oke sobat monosbit jangan lupa meninggalkan jejak komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...

.: Semoga Bermanfaat :.