Teks Berjalan

Saat membuka situs-situ berita di media internet, kita sering kali menjumpai teks berjalan atau scrooling text. Teks-teks berjalan itu biasanya berisi tulisan singkat atau informasi singkat yang mudah dimengerti oleh pembacanya secara cepat.

Pada pembahasan kali ini, akan ditunjukan langkah-langkah bagaimana cara membuat scorling text tersebut.


1. Tuliskan teks yang akan digunakan. contohnya:
Mau cetak foto ngapain harus pergi jauh-jauh. Kamu hanya perlu sebuah komputer dan printer di rumah kamu. Soal designnya kamu tinggal pesan melalui web ini.



2. Blok seluruh Teks yang akan digunakan.


3. Pada toolbar ini (gambar.)


pilih menu split. Menu ini akan memunculkan code dan designnya. Dilayar akan akan tampil dua bagian itu.




4. Sekarang beralihlah pada bagian codenya. Sama seperti pada bagian design (bawah), pada bagian code pun tulisan yang sebelumnya di blok akan terblok.
(contoh )

5. Perhatikan pada kata pertama yang terblok atau kata pertama pada kalimat yang akan digunakan

-masukan tanda < untuk membuka perintah contoh : < Mau cetak foto...dst. -setelah tanda itu dimasukan maka secara otomatis atau dengan sendirinya akan muncul popup menu seperti pada contoh: (gambar)


cari dan pilih menu marquee lalu tekan enter.

- Kelanjutan proses perintahnya akan muncul seperti ini: <>
- Beri/tekan tombol spacebar pada keyboard agar ada jarak antara kata marque dengan "Mau...dst.
Hasilnya akan seperti ini< marquee Mau cetak foto...dst


-Saat diberi spasi maka dengan sendirinya akan muncul menu baru. Lihat gambar


-pilih menu behavior jika ingin membuat tulisan bergerak dari kiri ke kanan.




- Pilih menu direction jika ingin membuat tulisan bergerak dari atas atau atau bawah dan dari kanan atau kiri

hasilnya akan seperti ini:

<.marquee direction="" Mau cetak foto...dst atau <.marquee behavior="" Mau cetakfoto...dst


-jika memilih menu behavior akan muncul lagi menu pilihan :


*Alternate = membuat teks bergerak dari kiri ke kanan lalu bergerak kembali dari kanan ke kiri.


*slide = membuat teks bergerak satu kali dari kiri ke kanan. Setelah itu teks tidak akan kembali bergerak. Berakhir pada kata-kata terakhir.


*Scroll = teks akan bergerak terus menerus dari kiri ke kanan dan dilanjutkan kembali dari kiri ke kanan. -jika memilih menu direction akan muncul lagi menu pilihan:


* Up = membuat teks bergerak dari bawah ke atas


*Down = membuat teks bergerak dari atas ke bawah.


*Left = membuat teks bergerak dari kanan ke kiri.

*Right = membuat teks bergerak dari kiri ke kanan.

misalnya kita memilih up, maka hasilnya akan seperti ini:
<.marquee direction= "up"Mau cetakfoto...dst

-Langkah selanjutnya adalah mengatur kecepatan dari teks yang akan berjalan tersebut.

-Beri jarak setelah pilihan "up"
="up"Mau cetakfoto...dst

hasilnya akan seperti ini
="up" Mau cetakfoto...dst

-setelah memberi jarak dengan spasi maka akan kembali muncul menu baru .

Pilihlan menu scrollamount. Tekan enter untuk memilih.'

maka hasilnya akan seperti ini :<.marquee direction="up" scrollamount=""Mau cetak foto...dst. beri tanda > setelah tanda " untuk menutup perintah.
hasilnya akan seperti ini

...scrollamount="3">Mau cetak foto...dst.

setelah memberi tanda > maka dengan sendirinya akan muncul <./marquee>
hasilnya :<.marquee direction="up" scrollamount="3">. <./marquee> Mau cetak foto...dst

Pindahkan <./marquee>tersebut ke akhir kalimat
hasilnya :
..dst pesan melalui web ini. mudah kan <./marquee>


hasil keseluruhan nya adalah seperti ini :

< .marquee direction="up" scrollamount="3">Mau cetak foto ngapain harus pergi jauh-jauh. Kamu hanya perlu sebuah komputer dan printer di rumah kamu. Soal designnya kamu tinggal pesan melalui web ini. mudah kan..<./marquee>


Hasil:

Mau cetak foto ngapain harus pergi jauh-jauh. Kamu hanya perlu sebuah komputer dan printer di rumah kamu. Soal designnya kamu tinggal pesan melalui web ini. mudah kan..

Setelah selesai semua proses jangan lupa menyimpan hasil pekerjaannya. Dan untuk menampilkan tekan tombol F12.

nb: abikan jika menemukan tanda titik (.) pada rumus.