Tutorial Scrool Text /Text Bergerak

Salam... Pertama sekali aku mintak maaf banyak-banyak kepada sahabatku syeikh yusof, kerana lambat buat entry baru tentang tulisan bergerak..sori bebanyak yer..coz maklum ler bila pindah kat sekolah baru ni banyak ciket kejenya..ni pun baru siap print soalan Bahasa Arab Tahun 3 untuk ujian bulan yang ke-2..Syukran syeikh Yusof kerana uploadkan soalan Bahasa Arab tu..Oklah kita straight to the point tentang cara-cara untuk buat tulisan bergerak ni..


1. Kotak Blogroll Model Textarea

begini cara untuk membuatnya :

Pasang code berikut ini di kedalam element blog (Page Elements --> Add a Gadget --> HTML /Javascript)

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>

keterangan skrip di atas:
- Kod width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, anda boleh mengubahnya dan menyesuaikanya dengan ukuran yg anda suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link anda, oh ya itu juga boleh diisi dengan banner link.
- Jika anda ingin daftar link-linknya menjadi berturutan , maka hilangkan kode


2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeza dengan kotak yg diatas, kerana kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan terus ditarik keatas kebawah itu ). Link-link atau isi didalam kotak ini akan bergerak/berjalan, cara vertikal atau horizontal. Ok begini cara membuatnya:

Pasang code berikut ini di kedalam element blog (Page Elements --> Add a Gadget --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Keterangan skrip :

- Kod "up" itu menunjukan arah pergerakan, anda boleh menggantinya dengan down, left, right .
- Jika andas menggantinya dengan pergerakan horizontal (left atau right) maka hilangkan kod
.
- Angka "100" menunjukkan tinggi dari kotak blogroll anda. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

3. Ini adalah cara yang terakhir (sama seperti dalam blog Sk Seri utama)

Pasang kod ini di kedalam element blog (Page Elements --> Add a Gadget --> HTML /Javascript)

<div class="widget-content">
<marquee onmouseout="this.start()" direction="up" align="center" behavior="scroll" scrollamount="2" onmouseover="this.stop()" scrolldelay="10"

height="200" width="100%">
<center>
<br/><br/><span><strong>Tajuk</strong><br/>
Text Disini
</span>
<br/><br/><span>
<strong>Tajuk</strong><br/>
Text disini
</span>
</center>
</marquee>
</div>

Keterangan Skrip:

1. Sila tukar/gantikan perkataan'Tajuk' dan 'Text Disini' dengan ayat/text anda sendiri.

Selamat Mencuba...Wassalam