Satu lagi kreasi keren dan unik dari MonozCore 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.
<script> if(typeof(jQuery) == 'undefined'){document.write("<scr" + "ipt type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></scr" + "ipt>");} </script> <script> /*Konfigurasi Gambar*/ var imgGhost = new Array; imgGhost[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinJlbEh98LAfia1HsbaGcHBcD-9DqaZc8Cac6weLulNgutpIac1-ZCrfe4ndBORiB-hRXQqMbt0pNJFGZbkPUIKalZS38dKU3aZHZI9NVfEVe6sazHyyBN-cuVCm1xleTpSOJd9zel-3mQ/s1600/GhostHun73r.png"; imgGhost[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ulVKBAPpL69n9sC_mSAlQGw1jF673evMg3RqslO-Odq69491qjjW_fsFyP64VjVvzSGW9bQ_6kCRP7g6510JKkUuHYeE4Ue1L5Sw9QC0YiuLlFIej2TLH_0-EPRWh38YNNRYMSDOb-NJ/s1600/GhostHun73r_2.png"; imgGhost[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfwra6IyUx1oNaa-Qc8MOQ4iUFIHl6kMdRmj5QGOMffZJkzgVrEirEAD6x71VOW46qnT6n_MWoxYvLN3Y-hV4-icwZjJRcn_1n0U3nJEgEsCLly0eXIozdCubd0xsUCO2f7v0kafCZRA4Z/s1600/GhostHun73r_3.png"; /*Konfigurasi Tampilan*/ var ghostSpeed = 2; var inTheFace = 5; var setTimeOutSpeed = 50; </script> <script src="http://sites.google.com/site/monozcore/home/MonozCore_Efek_Hantu_Terbang_2.js"></script>
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
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-7vafKV7jAmIKlSyYjd6cw5Q3COhaofpe3fJclD-MxWN3qyvyfUROGC6JCSN8LfomyAq2VVV3xi2F1R1RHCHXQP5XjMa3xQjtc5fGd9Xb8PFdry55I7YZaa1aGAfP0n_Pb1EOd0bDfY5g/s1600/ghost01.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgZYuTo4U_VWeG3fef9-ZR0giYscttf65BC0D6klfVkNlBUXLinY49_uKxjNYCYbssNELwKnuPdKl7uDZqRKPXbBYHOUkyBpVTDJPgzy11WExuzgM2OErHWXInu4W9g64sOfXY98ttWWqy/s1600/ghost02.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_AFgFx6USwKVrz7_Z4IMatUbBT82U_3Z5EEmYb8Hg3mu-2dvbYcxyOQjGgJgrrr7fQ25kX9gdXYxGigoiYvb9rp4PpEHUwyVKzPut_UrbOcInGfXdl1VdDfMBCrgaR5pWcBD_z2L-7oSq/s1600/ghost03.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvr5xhdhk_zgeeo3chNXxRJG1KhTx0fPrz_q9P_IXZtvbO3isLAWR_k-atrAyeHlD0MzKx7ZdErqyLfem09y3FSPk2s0Kvs9OEmgqDI9TqeWMjyv7Vv2anZ-lLDooxzOf3hoYUMj_F-NN0/s1600/ghost04.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFpP0qmRZMbb-UHGPbD3_Q3zvg7xBIERgCVIl_anABCBoqtEpTTeK0tAxa2kuertx3395CDku4qOsOqMRLlR9-vS7mBJ5imXCiI5vDF8p0z-pMSmoKr45Mx2I7wZ9f1cKDBobLcvhdUHPF/s1600/ghost05.png- GHOST HUNTER
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinJlbEh98LAfia1HsbaGcHBcD-9DqaZc8Cac6weLulNgutpIac1-ZCrfe4ndBORiB-hRXQqMbt0pNJFGZbkPUIKalZS38dKU3aZHZI9NVfEVe6sazHyyBN-cuVCm1xleTpSOJd9zel-3mQ/s1600/GhostHun73r.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6ulVKBAPpL69n9sC_mSAlQGw1jF673evMg3RqslO-Odq69491qjjW_fsFyP64VjVvzSGW9bQ_6kCRP7g6510JKkUuHYeE4Ue1L5Sw9QC0YiuLlFIej2TLH_0-EPRWh38YNNRYMSDOb-NJ/s1600/GhostHun73r_2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfwra6IyUx1oNaa-Qc8MOQ4iUFIHl6kMdRmj5QGOMffZJkzgVrEirEAD6x71VOW46qnT6n_MWoxYvLN3Y-hV4-icwZjJRcn_1n0U3nJEgEsCLly0eXIozdCubd0xsUCO2f7v0kafCZRA4Z/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 monozcore jangan lupa meninggalkan jejak komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...
.: Semoga Bermanfaat :.
0 Comments