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