Java Script Hubungi Saya

Java Script Hubungi saya

Untuk menjawab soalan dari My friend , Friendly81 (penulis Tawau Blogger ) yang meminta script "hubungi saya" seperti di sebelah kiri blog. Tak kenal maka tak cinta , kode yg kt akan guna kan dari Sun Microsystem java script ( type *.js) . Java script merupakan script yang akan di selitkan kedalam xHTML sebagai script. Browser yang mengenal javaScript akan menterjemahkan kode-kode java dan hasilnya ditampilkan menyatu dengan kode-kode xHTML template. sila download ssm.js dan ssmItems.js >extraxt dan open with ssmItems.js ke note pad untuk di edit.

Baris	ssmitems.js
0		YOffset=200;
1		XOffset=0;
2		staticYOffset=150;
3		slideSpeed=20
4		waitTime=100;
5		menuBGColor="#d1d8ec";
6		menuIsStatic="yes";
7		menuWidth=180;
8		menuCols=2;
9		hdrFontFamily="verdana";
10		hdrFontSize="2";
11		hdrFontColor="#000000";
12		hdrBGColor="#ffffff";
13		hdrAlign="left";
14		hdrVAlign="center";
15		hdrHeight="300";
16		barBGColor="#86629f";
17		barFontFamily="Verdana";
18		barFontSize="2";
19		barFontColor="#ffffff";
20		barVAlign="center";
21		barWidth=15;
22		barText="Hubungi saya";
23		ssmItems[0]=["<center><img src=http://domain.com/gambarfoto.jpg><br>kata-kata-kamu<br><img src=http://domain.com/gambaremail.jpg> "]
26		buildMenu();

Untuk mengedit script di atas mengikut citarasa anda , sila baca arahan dan fungsi mengikut baris di bawah.

codingzz

00.mengatur posisi menu pada baris y axis layar monitor (vertical)

01.mengatur posisi menu pada x axis layar monitor (horizontal)

02.untuk mengatur posisi vertical menu, pada layar monitor

03.kecepatan slide

04.waktu tunggu lamanya menu muncul setelah mouse menjauhi menu

05.untuk mengatur warna background menu, gunakan kolor picker dibawah posting ini untuk melihat kodenya

06.untuk men-set apakah menu harus tetap statis pada layar

07.Mengatur lebar menu. Harus kelipatan dari angka 10! Tanpa tanda kutip

08.jumlah kolom

09.jenis huruf header

10.ukuran huruf header

11.warna teks header. gunakan kolor picker dibawah posting ini untuk melihat kodenya

12.warna backround header. gunakan kolor picker dibawah posting ini untuk melihat kodenya

13.perataan teks header

14.perataan teks vertikal header

15.tinggi header

16.warna background bar. gunakan kolor picker dibawah posting ini untuk melihat kodenya

17.jenis huruf bar

18.ukuran huruf bar

19.warna huruf bar. gunakan kolor picker dibawah posting ini untuk melihat kodenya

20.perataan teks bar secara vertikal

21.lebar bar

22.kata2 yang akan muncul pada bar (hubungi saya)

23/24. ganti http://domain.com/gambar.jpg dan http://domain.com/gambaremail.jpg dengan Tempat gambar foto dan gambar Email .dan jangan lupa ganti kata-kata-kamu dengan yang kamu inginkan seperti "Jika Ada Pertanyaan silahkan kirim email ke" Gambar address email anda

26.buat menu

Gambar anda sebaiknya berukuran 173X244 pixels, jika anda sudah mahir dengan kode-kode diatas . boleh la buat ikut suka anda

Kalau anda dah selesai dan puas hati mengedit script tersebut. Sila save dan upload la kedua0dua file tersebut ke webhosting percuma, seperti googlepage, 000webhost, ataupun geocities.com .

Copy url file javascript yang telah di upload td untuk di masukkan kedalam template blog nanti.

ogin ke Blogger klik Layout/Tata Letak —-> Edit HTML

2. CopyPaste kode /Script berikut di atas kode </head>

<script src=' http://www.geocities.com/tawaudrag/ssm.js ' type='text/javascript'></script>

<script src=' http://www.geocities.com/tawaudrag/ssmItems.js ' type='text/javascript'></script>

Silahkan ganti teks berwarna merah dengan url javascript tersimpan tadi

untuk Original Source codenya sila rujuk dynamicdrive.com atau my agus

3. Simpan dan lihat blog kamu.

* sekiranya ada masaaalah boleh la bertanya dengan gue atau _________ erm

Artikel Terkait