Satu lagi kreasi keren dan unik dari MonosBit buat para blogger dengan tema gothic atau tema spooky ghost, widget Efek Hantu Terbang Di Blog 2. Widget ini menampilkan gambar hantu yang random keluar dari tengah layar kemudian bergerak ke pinggir layar, seperti contoh yang terlihat di postingan artikel ini. Widget ini murni menggunakan DOM Javascript tanpa plugin JQuery. Biar lebih greget silakan sobat ganti gambar hantu yang lebih seram yang sesuai dengan keinginan sobat karena sudah saya sediakan variabel untuk mempermudah mengganti gambar, jadi tidak perlu repot-repot lagi. Dalam postingan artikel saya sediakan beberapa pilihan gambar default. Oke sob buat yang tertarik dengan widget ini langsung aja ke TKP...
Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari hal-hal yang tidak diinginkan dalam menerapkan widget ini.
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 parameter kode tersebut agar sesuai dengan tema blog sobat.
KETERANGAN :- var imgGhost[0] // merupakan variabel untuk link gambar.
- var ghostSpeed // merupakan variabel kecepatan gerak gambar.
- var inTheFace // merupakan jumlah gambar yang ditampilkan di layar.
- var setTimeOutSpeed // merupakan variabel kecepatan gambar menghilang dari layar.
PILIHAN GAMBAR HANTU :- GHOST
http://3.bp.blogspot.com/-tA57sRq2wao/V_JCBdNIlfI/AAAAAAAAAn8/VUHRe45tIlMR3RF0QALBx3sjhpf_yelwQCLcB/s1600/ghost01.png
http://4.bp.blogspot.com/-qY8KpPe4xOs/V_JCBaKJoWI/AAAAAAAAAoA/g__CFJ1hiX0y-1ahs-3b0U3ti5VjPpMUQCLcB/s1600/ghost02.png
http://4.bp.blogspot.com/-oczRzF6gH5A/V_JCBT_11UI/AAAAAAAAAoE/kXmus8oddkkGN-pQNyslV0aVOnGrjY_pgCLcB/s1600/ghost03.png
http://4.bp.blogspot.com/-OYEJggIw0j8/V_JCB-tyU0I/AAAAAAAAAoI/NUIG_bQKdvIhe-B-Ls-792v7cUxt3uV-ACLcB/s1600/ghost04.gif
http://1.bp.blogspot.com/-RzxbuECJ2gY/V_JCBwhi-QI/AAAAAAAAAoM/nFhh61Y4kz0ujGTCzHN9FkZWt-QTyLA-QCLcB/s1600/ghost05.png- GHOST HUNTER
http://4.bp.blogspot.com/-zsmdjDV0tMk/WELs11Q9d9I/AAAAAAAAAtI/vQXo0SkfxasHfgPFKAiiDMnnfIsThfObACLcB/s1600/GhostHun73r.png
http://1.bp.blogspot.com/-9nkOjNDxskM/WEQTxrVu-hI/AAAAAAAAAuM/AbqGdaCco8EDYr5ytpDbfkRmt7YB9SMIACLcB/s1600/GhostHun73r_2.png
http://1.bp.blogspot.com/-jvvt-fEKrcs/WEQTxvx4ouI/AAAAAAAAAuQ/1bIrwMrqyw8DbI490UUlbPCUxEMDjHSAwCLcB/s1600/GhostHun73r_3.png
- Klik "Save" dan lihat hasilnya...
Buat yang ingin mengetahui versi sebelumnya mengenai widget hantu terbang di blog silakan baca artikelnya : Efek Hantu Terbang Di Blog 1.
Oke sobat monosbit jangan lupa meninggalkan jejak komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...
.: Semoga Bermanfaat :.
