Tutorial Membuat Efek Kupu-Kupu Berterbangan

Tutorial:

1. Login ke Dashboard blogger.

2. Klik butang " More Options (rujuk no 1 pada GAMBAR 1) " dan klik " Layout (rujuk no 2 pada GAMBAR 1) ".

GAMBAR 1

3. Pada halaman Layout, klik " Add a Gadget (rujuk no 3 pada GAMBAR 2) " pada mana-mana bahagian yang anda nak untuk letakkan kod javascript tu nanti.

GAMBAR 2

4. Cari HTML/Javascript dan klik butang tambah (rujuk no 4 pada GAMBAR 3).

GAMBAR 3

5.  Copy (CTRL+C) kod javascript dibawah:

<script type="text/javascript">
     var Ymax=8; //jarak per langkah kupu-kupu pada paksi-y
     var Xmax=8; //jarak per langkah kupu-kupu pada paksi-x
     var Tmax=10000; //tempoh langkah dalam milidetik
     var floatimages=new Array();
     floatimages[0]='https://dl.dropboxusercontent.com/s/8qskc9ohjhwzwpm/butterfly.gif';
     floatimages[1]='https://dl.dropboxusercontent.com/s/8qskc9ohjhwzwpm/butterfly.gif';
</script>
<script src="https://dl.dropboxusercontent.com/s/0lcccyxzewc3tkt/scriptkupu.js" type="text/javascript"></script>

6. Paste (CTRL+V) pada ruang Content (rujuk no 5 pada GAMBAR 4)

GAMBAR 4

7. Seterusnya klik " Save (rujuk no 6 pada GAMBAR 4 ) " dan lihat la hasilnya..