Jumaat, 19 Ogos 2011
Isnin, 15 Ogos 2011
Ahad, 14 Ogos 2011
Buat Perkataan Bergerak
Membuat perkataan yang bergerak dapat menarik minat pengunjung terhadap pergerakan tersebut seterusnya menarik minat pengunjung apa yang ingin disampaikan oleh pemilik blog. Selain dikenali sebagai scrolling text, ianya juga dikenali sebagai marquee text.
Berikut adalah tutorial untuk membuat perkataan bergerak.
Tutorial ini akan dimulakan dengan kaedah paling asas dan juga diletakkan penambahan.
1. Kod asas untuk perkataan bergerak (dari kiri ke kanan adalah)
2.SILA TUKAR (=< DAN )=>
(marquee)SELAMAT DATANG(/marquee)
SELAMAT MENCUBA
Output untuk kod ini seperti berikut:
Berikut adalah tutorial untuk membuat perkataan bergerak.
Tutorial ini akan dimulakan dengan kaedah paling asas dan juga diletakkan penambahan.
1. Kod asas untuk perkataan bergerak (dari kiri ke kanan adalah)
2.SILA TUKAR (=< DAN )=>
(marquee)SELAMAT DATANG(/marquee)
SELAMAT MENCUBA
Output untuk kod ini seperti berikut:
Sabtu, 13 Ogos 2011
bikin jadi salji
Bikin salji
Ando boleh tengok demo salji berwarna purple yang admin letak di blog demo ini.
Tutorial untuk letak salji ini seperti berikut.
1. Dari dashboard > design > add a gadget > HTML javascript
2. Copy dan paste kod salji mengikut warna yang anda mahu ke dalam HTML/javascript
snowpurple
3.sila ganti tanda (=< dan )=>
(script type="text/javascript" src="https://sites.google.com/site/javascript/snowpurple.js">(/script)
Ando boleh tengok demo salji berwarna purple yang admin letak di blog demo ini.
Tutorial untuk letak salji ini seperti berikut.
1. Dari dashboard > design > add a gadget > HTML javascript
2. Copy dan paste kod salji mengikut warna yang anda mahu ke dalam HTML/javascript
snowpurple
3.sila ganti tanda (=< dan )=>
(script type="text/javascript" src="https://sites.google.com/site/javascript/snowpurple.js">(/script)
gambar bergerak
Contoh kod bagi scrolling image adalah seperti berikut.
#sila ganti tanda (=< dan )=>
Penerangan:
Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.
Nota:
1. Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali untuk bahagian gambar
2. Kod-kod ini dapat digunakan di dalam post entri ataupun pada bahagian gadget
3.URL kod html gambar boleh diambil dari http://photobucket.com
(marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200")
(a href="link untuk dibuka" target="_blank")(img src="url gambar" /)(/a)
#sila ganti tanda (=< dan )=>
Penerangan:
Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.
Nota:
1. Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali untuk bahagian gambar
2. Kod-kod ini dapat digunakan di dalam post entri ataupun pada bahagian gadget
3.URL kod html gambar boleh diambil dari http://photobucket.com
(marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200")
(a href="link untuk dibuka" target="_blank")(img src="url gambar" /)(/a)
Langgan:
Catatan (Atom)