Berkenalan dengan Marquee @ Teks bergerak/berjalan

Berkenalan dengan MARQUEE!!

Cara membuat teks 'berjalan' atau marquee.

*Peringatan: Jangan lupa backup / save dahulu blog anda sebelum mencuba tips ini ye.

1. Log in ke Blogger

2. Masuk ke Dasbohboard

3. Pilih Layout

4. Tambah Target

5. Pilih HTML/JavaScript

6. Akhirnya Copy dan Paste script yang akan diberikan dibawah ini :

Contoh MARQUEE dasar :

Ayat  Anda
< marquee>Ayat  Anda

2. Teks Berjalan dari kanan ke kiri tanpa berhenti

Ayat Anda

Cara menulis kod atau copy saja ayat di bawah ke dalam HTML/Java Script :

< span style="color: red;"> </span><br /> <blockquote><marquee direction="right"> <span class="fullpost"> <span style="color: red;"> <span style="color: #3333ff;">Ayat Anda</span> </span></span> </marquee></blockquote><span class="fullpost">

3. Teks Berjalan Kekanan dan kekiri tanpa berhenti

Ayat  Anda

Cara menulisnya :

< /span><span class="fullpost"><span style="color: red;"><marquee><span style="color: #3333ff;">Ayat Anda</span></marquee></span></span><br /> </span><br /> <blockquote><marquee behavior="alternate"><span class="fullpost"><span class="fullpost"><span style="color: red;"><span style="color: #3333ff;">Ayat Anda</span></span></span></span></marquee></blockquote><span class="fullpost"><span class="fullpost"><span style="color: red;"></span>

4. Berjalan dari kanan ke kiri, tetapi akan berhenti apabila mouse berada diatas tulisan tersebut

Ayat Anda

Cara menulisnya :

< span style="color: red;"></span><br /> </span><br /> <blockquote><marquee onmouseout="this.start()" onmouseover="this.stop()"><span class="fullpost"><span class="fullpost"><span style="color: red;"><span style="color: #3333ff;">Ayat Anda</span></span></span></span></marquee></blockquote><span class="fullpost"><span class="fullpost"><span style="color: red;"></span><br />

Kita boleh mengawal kelajuan marquee kanan kiri denagan menambahkan perintah "< b>Scrollamount"

Ayat Anda

Cara menulisnya :

< span style="color: red;"></span><br /> </span><br /> <blockquote><marquee behavior="alternate" scrollamount="18"><span class="fullpost"><span class="fullpost"><span style="color: red;"><span style="color: #3333ff;">Ayat Anda</span></span></span></span></marquee></blockquote><span class="fullpost"><span class="fullpost"><span style="color: red;"></span>

Kita boleh menukar kelajuan atau memperlahankannya dengan mengubah value atau angka pada kata scrollamount

Teks Anda

Cara menulisnya :

< span style="color: red;"></span><br /> </span><br /> <blockquote><marquee direction="up"><span class="fullpost"><span class="fullpost"><span style="color: red;"><span style="color: #3333ff;">Teks Anda</span></span></span></span></marquee></blockquote><span class="fullpost"><span class="fullpost"><span style="color: red;"></span><br />

5. Teks berjalan/bergerak ke bawah

Teks AndaCara Menulisnya :

< span style="color: red;"></span><br /> </span><br /> <blockquote><marquee direction="down"><span class="fullpost"><span class="fullpost"><span style="color: red;"><span style="color: #3333ff;">Teks Anda</span></span></span></span></marquee></blockquote><span class="fullpost"><span class="fullpost"><span style="color: red;"></span><br />

5. Teks berjalan/bergerak ke atas

Teks Anda

Cara menulisnya :

< span style="color: red;"></span><br /> </span><br /> <blockquote><marquee behavior="alternate" direction="up" scrollamount="18"><span class="fullpost"><span class="fullpost"><span style="color: red;"><span style="color: #3333ff;">Teks Anda</span></span></span></span></marquee></blockquote><span class="fullpost"><span class="fullpost"><span style="color: red;"></span>

6.Kita juga boleh menyusun beberapa ayat (marquee) dalam turutan (seperti di bawah) untuk menjimatkan tempat TETAPI ayat akan berhenti apabila mouse berada di atas tulisan.

Ayat Anda
Ayat Anda
Ayat Anda
Ayat Anda
Ayat Anda
Kalimat Anda

Cara menulis kodnya :

< span style="color: red;"></span><br /> </span><br /> <blockquote><marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="200"><span class="fullpost"><span class="fullpost"><span style="color: red;"><span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span></span></span></span></marquee></blockquote><span class="fullpost"><span class="fullpost"><span style="color: red;"></span>

7.Yang di bawah ini pula sama seperti di atas tetapi tidak berhenti walaupun mouse lalu di atas ayat anda (tanpa kod mouseover)

Ayat Anda
Ayat Anda
Ayat Anda
Ayat Anda
Ayat Anda
Kalimat Anda

Cara menulisnya :

< span style="color: red;"></span><br /> </span><br /> <blockquote><marquee direction="down" height="100" scrollamount="4" width="200"><span class="fullpost"><span class="fullpost"><span style="color: red;"><span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span></span></span></span></marquee></blockquote><span class="fullpost"><span class="fullpost"><span style="color: red;"></span>

8.Contoh di bawah menggunakan perintah 'center' supaya tulisan berada di tengah-tengah form/bingkai :

Ayat Anda
Ayat Anda
Ayat Anda
Ayat Anda
Ayat Anda
Kalimat Anda Cara menulisnya :

< span style="color: red;"></span><br /> </span><br /> <blockquote><span class="fullpost"><br /> </span><br /> <span class="fullpost"><br /> </span><br /> <span class="fullpost"><br /> </span><br /> <span class="fullpost"><br /> </span><br /> <span class="fullpost"><br /> </span><br /> <span class="fullpost"><br /> </span><br /> <span class="fullpost"><br /> </span><br /> <span class="fullpost"><br /> </span><br /> <br /> <center><marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="1" width="200"><span class="fullpost"><span class="fullpost"><span style="color: red;"><span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayatt Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span><br /> <span style="color: #3333ff;">Ayat Anda</span></span></span></span></marquee></center></blockquote><span class="fullpost"><span class="fullpost"><span style="color: red;"></span><br />

7. Simpan....