Tutorial Membuat Kata-Kata Bergerak (Marquee Text)

Ditulis oleh: -
Pada tutorial blogspot kali ini Lapak Bisnis Online akan membeberkan bagaimana cara membuat teks atau kalimat yang bisa bergerak. Istilah kerennya scrolling text atau marquee text. Mudah-mudahan dengan tutorial ini dapat membuat blogspot para pembaca lebih keren dan menarik. Selain itu membuat kata atau kalimat yang bergerak dapat menarik minat pengunjung blog sehingga mereka betah berlama-lama bertamu di blog kita. Tetapi yang perlu diperhatikan, jangan terlalu banyak menggunakan marquee text karena justru akan membuat blog kita tampak ramai dengan pergerakan kata-kata atau kalimat yang justru akan membuat pusing pembaca. Jadi gunakan secara bijak dan terkendali.

Oke deh, kita mulai saja tutorial blogspot kali ini biar pembaca tidak berlama-lama dirundung rasa penasaran. Lapak Bisnis Online akan memberikan tutorial dari pergerakan yang paling dasar/simpel sampai pergerakan yang paling keren.

1. Kode dasar untuk perkataan bergerak (dari kiri ke kanan adalah)

Contoh teks menggunakan kode ini:
Horeee... Aku Bisa Bergerak...!

2. Untuk perubahan arah pergerakan sesuai yang diinginkan gunakan penambahan kode di bawah ini.
    dari kanan ke kiri = "left"
    dari kiri ke kanan = "right"
    dari bawa ke atas = "up"
    dari atas ke bawah = "down"

Berikut kode script untuk pegerakan dari kanan ke kiri
Output untuk kode ini adalah
Hore Aku Bergerak Ke Kanan.. 3. Ubah warna background
Untuk merubah warna background, tambah kode script berikut ini bgcolor="#kode warna"

Untuk mendapatkan kode warna bisa diambil DISINI.

Contoh kode yang diletakkan background, Contoh scrolling text
Output untuk kode ini adalah
Contoh scrolling text

4. Agar kata atau kalimat bergerak bolak-balik tambahkan kode berikut : behavior="alternate"

contoh kod yang diletakkan trick ini.
Output untuk kod ini
Horee...Aku Bisa Bolak-Balik 5. Untuk merubah kecepatan pergerakan maka tambahkan kode ini: scrollamount="2"

Contoh kod dengan trick ini.
Output: Scrollamount :2 Contoh scrolling text Contoh scrolling text Scrollamount :4 Contoh scrolling text 6. Kata-kata yang bergerak juga dapat dihentikan atau di-pause dengan cara meletakkan kursor diatasnya. Untuk menghasilkan efek seperti itu maka gunakan kode ini: onmouseover="this.stop()" onmouseout="this.start()"

Contoh kode dengan trick ini.
Contoh untuk trick ini.
Contoh scrolling text Demikian tutorial agar kata atau kalimat dapat bergerak sesuai keinginan. Mudah-mudahan tutorial ini bisa membantu para pembaca dan membuat blognya tambah keren.

0 comments "Tutorial Membuat Kata-Kata Bergerak (Marquee Text)", Baca atau Masukkan Komentar

Posting Komentar

Silahkan Komennya

eHaji.com | Waralaba Bisnis Travel Haji dan Umrah Mandiri
========================================================