Efek Hantu Terbang Di Blog

Posted in Labels: JavaScript | Friday, December 9, 2011 [ 11:06 AM ]

Home » JavaScript » 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 melihat previewnya silakan lihat di MozWidget Blog.

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 "Design" kemudian klik "Edit HTML".
Cari kode </Head> kemudian copy-paste kode dibawah ini tepat diatas kode </Head>.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<SCRIPT SRC='http://monozcore-project.googlecode.com/files/MonozCore_Halloween.js' type='text/JavaScript'/>
<SCRIPT type='Text/JavaScript'>
function JSFX_StartEffects()
{
   JSFX.AddGhost("https://lh6.googleusercontent.com/-SXwO9TSbVHw/Tss48oP8H7I/AAAAAAAAAfY/sFb02XmPRiQ/s144/ghost2_0.png");
   JSFX.AddGhost("https://lh3.googleusercontent.com/-v0PgPYW-N-s/Tssz7ufFA8I/AAAAAAAAAfI/sz3C2Z7q8Gs/s800/ghost1.gif");
   JSFX.AddGhost("https://lh5.googleusercontent.com/-SpLc1VaANcs/Tss47hTjmuI/AAAAAAAAAfQ/Qb_ANbbx674/s144/ghost3_0.png");
}
window.onload = JSFX_StartEffects;
</SCRIPT>
</b:if>
- Kode "<b:if cond='data:blog.url == data:blog.homepageUrl'>...</b:if>" merupakan kode blog yang berfungsi untuk menampilkan kode tertentu hanya pada halaman utama saja. Untuk mempelajari kode blog lebih lanjut silakan baca artikel tentang Jenis dan Fungsi Kode Untuk Mengatur Tampilan Widget BlogSpot.
- 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...

.:Selamat Mencoba:.

FB Users () Comment | Read Users (12) Comment

Comments

12 Comments

Krisna 'Law' says:
December 9, 2011 at 3:13 PM

maaf bang, saya tanya di artikel yang salah, soalnya saya googling dan lihat tutor gak ada yang pas, semoga abang bisa ngebantu lagi... coba cek http://www.krisnalaw.blogspot.com background yang paling atas itu mengkerut, saya mau coba ganti, tapi malah background yang putih ditengah dan bawah yang ganti, saya mau ganti template tapi lupa script dan widget apa saja yang saya masukkan pada html, jadi saya urungkan untuk ganti template, saya pingin ganti gambar yang mengecil itu dari url lain, karena kalau dilihat jadi aneh, trimakasih :j:
MonozCore says:
December 10, 2011 at 3:26 PM

@Krisna: kalo soal template mending di rombak ulang aja soalnya widgetnya juga belum terlalu banyak....maap nich template yang sobat gunakan kurang menarik coba gunakan template yang lebih bagus lagi...soal widget saya punya banyak koleksi, silakan cari aja di artikel saya...
Budi Siswanto says:
January 21, 2012 at 3:00 PM

Bos hantunya kok nggak muncul padahal dah sesuai dengan perintah diatas... apakah model template baru dam lama berpengaruh bos..??
♥VPie◥♀◤MahaDhifa♥ says:
February 15, 2012 at 11:15 PM

. . jiah,, si admin malah menghina kurang menarik template nya. kira^ blog aq jg pasti di bilang kurang mnarik jg nich. huhh. he..86x. Oia mien kmbali ke artikel,, kira^ klo aq pasang ini,, pasti tambah berat nie loading nya?!? huhh. kasih saran donk supaya blog aq ringan gitu. he..86x . .
Monoz Core says:
February 15, 2012 at 11:37 PM

vpie ringan beratnya suatu blog tergantung dari koneksi jaringan internet dan spek komputer yang digunakan saat browsing... saat ini jaringan internet di indonesia sudah lumayan cepat dan juga rata2 spek komputer minimal banget dah pada pake pentium 4 dengan ram min 1 GB dan VGA 256 mb jadi ga perlu khawatir untuk pake widget yang sobat suka dan ingin dipasang di blognya... Seandainya blognya seperti sedang streaming terus menerus dan loadnya ga selesai2 berarti ada yang salah dengan javascript yang dipasang atau sobat blogger menggunakan jquery lebih dari satu, coba di cek dulu...
♥VPie◥♀◤MahaDhifa♥ says:
February 23, 2012 at 11:53 AM

. . yupzZz,, tenkz kawan tuk saran nya . .
tetap semangat says:
March 1, 2012 at 7:35 PM

:a:
Yohannes says:
June 13, 2012 at 1:44 PM

Blog ente mantap gan :c:
Andi Nova says:
July 21, 2012 at 3:51 PM

gan robot nya keren kali gan
boleh mintak scriptnya
ditunggu balasannya
Monoz Core says:
July 22, 2012 at 11:10 PM

@Andi Nova: Untuk robot gundamz yang ada di MonozCore coba lihat artikel saya di http://monozcore.blogspot.com/2012/01/gundamz-flying-twitter-bird-animation.html
TUTORIAL BLOGGER says:
October 29, 2012 at 12:38 AM

mksih genk invonya. knjngan prdana biasanya dpt bonus hahahahah.. lm knl genk'y. mmpr jga gk pa2 genk xixixi
rengga andani says:
November 15, 2012 at 12:47 PM

nice bang info nya:)
mampir jga ya ke my blog
http://rengga-tikus.blogspot.com/