Tuesday, October 16, 2012

Efek Flying ghost on blogger




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(&quot;https://lh6.googleusercontent.com/-SXwO9TSbVHw/Tss48oP8H7I/AAAAAAAAAfY/sFb02XmPRiQ/s144/ghost2_0.png&quot;);
        JSFX.AddGhost(&quot;https://lh3.googleusercontent.com/-v0PgPYW-N-s/Tssz7ufFA8I/AAAAAAAAAfI/sz3C2Z7q8Gs/s800/ghost1.gif&quot;);
        JSFX.AddGhost(&quot;https://lh5.googleusercontent.com/-SpLc1VaANcs/Tss47hTjmuI/AAAAAAAAAfQ/Qb_ANbbx674/s144/ghost3_0.png&quot;);
    }
    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(&quot;URL link gambar&quot;);"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...

Newer Post Older Post Home

0 comments:

Post a Comment