Tutorial Membuat Efek Hujan (Rainy Afternoon Effect)

 Scereenshot Efek Hujan (Rainy Afternoon Effect)

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">
// <![CDATA[
var speed=50; // lower number for faster
var drops=100; // number of 'drops'
var colour="#999"; // colour of drops (generally grey!)
</script>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/s/wjgctyfqxvs5ruc/efekhujan1.js"></script>

Keterangan:

• var speed=50;  -->  gantikan nilai 50 untuk ubah kelajuan titisan hujan turun ( gantikan dengan nilai yang lebih rendah untuk lebih cepat )
• var drops=100;  -->  gantikan nilai 100 untuk ubah bilangan titisan hujan.
• var colour="#999";  -->  gantikan kod warna #999 untuk ubah warna titisan. [kod warna]

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..