Teks Berjalan

Teks yang bisa berjalan dalam sebuah halaman web atau blog itu mudah kita temui di beberapa halaman web di internet, salah satunya bisa anda lihat di bagian atas halaman ini. Teks nya bisa berjalan kan???kalau ngga ada berarti setinganya sudah di hapus, hehehe.... Nah, membuat hal seperti itu mungkin sesuatu yang sangat mudah bagi mereka yang menguasai bahasa HTML, PHP dan lain sebagainya. Tapi tidak buat saya..!!!. Untuk bisa bikin teks berjalan seperti itu saya sempet tanya sana sini dan belajar kesana kemari, tapi hasilnya NOL. bukan karena tidak ada materinya, materinya ada cuma saya ngga ngerti gimana cara pemasangannya :-D :-(

Walau beberapa kali gagal, namun akhirnya usaha saya pun membuahkan hasil juga, itu berawal pas temen sekolah saya berkunjung kerumah, nama nya Apip Firmansyah, *yang mau kenalan sama dia silahkan kilik di sini (itu Link akun FBnya). Iyah, dia memberikan bahasa HTMLnya plus langsung mempraktekanya. Karena saya gak bisa bikin web dan hanya bisa menggunakan blog di blogger ini, dia pun mempraktekan nya di halaman blog ini, akhirnya sukses teman. dan sekarang saya pun bisa membuat setingannya.

Nah..untuk teman - teman yang ingin tau atau ingin bisa membuat teks yang bisa berjalan seperti diatas, nih saya share juga bahasa HTML nya.

Untuk di Blog :

1. Silahkan login akun blog anda
2. Di dashbor, klik "rancangan" pada halaman blog yang ingin anda sertakan teks berjalan
3. Nah..dihalaman selanjutnya klik "Tambah Gadget"
4. maka akan tampil pilihan gadget, lalu kita pilih "HTML/JavaScript"
5. Dan masukan kode ini :
"<marquee behavior="scroll" direction="left" scrollamount="4">Ketikan Tulisan anda disini</marquee>"
Ket. Angka "4" yang bertanda kutip diatas, itu menunjukan kecepatan laju teks, semakin kecil maka akan semakin lambat sebaliknya jika nilainya kita tambah jadi "10"maka kecepatan laju teksnya akan lebih cepat.

Nah..untuk Lebih lengkapnya mengenai hal diatas, baca tulisan di bawah ini. Materi ini saya download dari salah satu halaman blog, namun sayang saya lupa mencopy linknya, jadi saya lupa dari blog mana itu berasal.

Tag <marquee> mempunyai beberapa attribut, yaitu:

bgcolor="nama/nilai warna" digunakan mengatur warna latar belakang teks

direction="left/right/up/down" digunakan mmengatur arah gerakan teks

behavior="scroll/slide/alternate" digunakan untuk mengatur perilaku gerakan teks

scroll digunakan agar teks bergerak berputar

slide digunakan agar teks bergerak sekali lalu berhenti

Alternate digunakan agar teks bergerak dari kiri kekanan lalu balik lagi

title=”Tulis Pesan Anda" digunakan agar pesan muncul pada saat mouse berada di atas teks

scrollmount="masukkan angka" digunakan untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

scrolldelay="masukkan angka" digunakan untuk mengatur waktu tunda gerakan dalam mili detik

loop="angka|-1|infinite" digunakan untuk mengatur jumlah loop

width="masukkan angka" digunakan untuk mmengatur lebar blok teks dalam pixel atau persen

1.      Pergerakan Teks dari Kiri ke Kanan dan Berhenti

<marquee behavior="slide" direction="left">Tulis Teks Anda Di Sini</marquee>

2.      Pergerakan Teks dari Kiri ke Kanan Secara Terus Menerus

<marquee behavior="scroll" direction="left">Tulis Teks Scrolling Di Sini</marquee>

3.      Pergerakan Teks bolak balik Kiri ke Kanan dan Sebaliknya Secara Terus Menerus

<marquee behavior="alternate">Tulis Teks Bolak Balik Di Sini</marquee>

4.      Pergerakan Teks dari bawah ke atas

<marquee  behavior="scroll" direction="up">Tulis Teks di sini</marquee>

5.      Mengatur kecepatan pergerakan teks

<marquee behavior="scroll" direction="left" scrollamount="1"> Kecepatan rendah </marquee>

<marquee behavior="scroll" direction="left" scrollamount="10">Kecepatan sedang </marquee>

<marquee behavior="scroll" direction="left" scrollamount="20">Kecepatan tinggi </marquee>

6.      Menggerakkan image

<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>

7.      Menggerakkan image dan teks

<marquee behavior="scroll" direction="left">

<img src="/pix/smile.gif" width="100" height="100" alt="smile" />

<p>Contoh tulisan berjalan dengan image</p></marquee>

Ok... mungkin itu ilmu yang baru saya dapatkan, dan alhamdulilah bermanfaat buat saya. Semoga bisa bermanfaat juga buat temen - temen semua.

Posted in: Opini