Jumat, 02 Maret 2012

Cara Membuat Teks Berjalan Di Laman Blog

Tulisan Bergerak
Atas permintaan teman akhirnya saya berbagi trik kuno ini. Dan sebelum kita membahasnya, terlebih dahulu kita wajib mengetahui apa itu "Marquee"? Marquee adalah suatu kode HTML untuk membuat teks agar bisa bergerak atau berjalan.

Seringkali kita melihat halaman blog teman yang dihiasi oleh tulisan atau kata-kata yang dapat berjalan. Mungkin sebagian besar dari Anda sudah mengetahui cara membuat tulisan berjalan tersebut. Tapi di posting kali ini, saya mencoba berbagi trik ini untuk Anda yang belum mengetahui cara membuatnya.

Cara membuatnya, yaitu:

- Pertama, login ke Blogger.

- Kemudian klik Rancangan dan Elemen Laman.

- Ketika sudah berada di Elemen Laman klik Tambah Gadget.

- Lalu pilih HTML/JavaScript.

Langkah selanjutnya, masukkan kode Marquee yang Anda inginkan seperti contoh di bawah ini:

1. Teks berjalan dari kanan ke kiri

Kodenya:



Hasilnya:

Contoh Tulisan Berjalan

2. Teks berjalan dari kiri ke kanan

Kodenya:



Hasilnya:

Contoh Tulisan Berjalan

3. Teks berjalan bolak balik

Kodenya:



Hasilnya:

Contoh Tulisan Berjalan

4. Teks berjalan dari atas ke bawah

Kodenya:



Hasilnya:

Contoh Tulisan Berjalan

5. Teks berjalan dari bawah ke atas

Kodenya:



Hasilnya:

Contoh Tulisan Berjalan

6. Teks berjalan mondar-mandir

Kodenya:



Hasilnya:

Contoh Tulisan Berjalan

7. Teks berjalan zig-zag lalu tembus

Kodenya:



Hasilnya:

Contoh Tulisan Berjalan


8. Teks berjalan zig-zag memantul

Kodenya:



Hasilnya:

Contoh Tulisan Berjalan

Langkah selanjutnya adalah mengganti tulisan.

Contoh Tulisan Berjalan
dengan tulisan atau kata-kata yang Anda inginkan.

Keterangan:

- direction="left/right/up/down" = mengatur arah gerakan teks.

- scrollamount="angka" = mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

- behavior="scroll/slide/alternate" = untuk mengatur perilaku gerakan:
* Scroll: teks bergerak berputar.
* Slide: teks bergerak sekali lalu berhenti.
* Alternate: teks bergerak dari kiri ke kanan lalu balik lagi (bolak-balik)

Fungsi dari :

<center> ............. </center> adalah agar tulisan tersebut selalu berada di tengah.

Untuk Teks berjalan berwarna: Tambahkan kode <span style="color:#f00; font-weight: bold;"> di depan tulisan Contoh Tulisan Berjalan </span>, kode warna #f00 bisa Anda ubah dengan kode warna lainnya. Untuk kode warna selengkapnya, Anda bisa mencarinya di Google Search.

Selamat mencoba! Jangan lupa klik iklan yang ada. Thanks.

10 komentar: