Cara Membuat Tulisan Berjalan di Website

tulisan berjalan
Read Time4 Minutes, 28 Seconds

Belajar SEO – Mungkin kita sering melihat running text / tulisan berjalan baik itu berada dibawah layar TV atau media media lainnnya yang seakan-akan untuk maksud mengalihkan fokus pengunjung website kita agar dia beralih fokus ke arah tulisan berjalan di dalam postingan atau website kita.  Dalam dunia blog dikenal dengan nama <marque>, karena menggunakan kode bahasa HTML itu sendiri.

Ada banyak model tulisan berjalan dari “bahan” marque yang bisa kita buat dengan sangat gampang, karena memang sudah disiapkan oleh bahasa HTML itu sendiri. Jika anda ingin mencoba “membuat tulisan berjalan” silahkan simak caranya dibawah ini :

 

1. Kode basic marquee untuk membuat tulisan berjalan adalah :

<marquee>TULISAN BERJALAN</marquee>

Hasilnya :
BELAJAR SEO
Kode diatas merupakan bentuk kode dasar, diperlukan tambahan kode lain kalau menginginkan varisai gerak lainnya dari sebuah marquee.

 

2. Kode loop=”angka|-1|infinite”

Kode ini biasa dipergunakan untuk melakukan pengaturan proses pengulangan sebuah marquee.

Contoh perintah kode marquee :

<marquee loop=”5″>MARQUEE AKAN BERPUTAR 5 KALI LALU MENGHILANG</marquee>

Hasilnya :
MARQUEE AKAN BERPUTAR 5 KALI LALU MENGHILANG

 

MARQUEE AKAN BERPUTAR 5 KALI LALU MENGHILANG

3. Kode scrolldelay=”angka”

Kode ini biasa dipergunakan untuk mengatur waktu delay selama “angka”, jadi kalau ingin menunda delay selama 1 detik maka andaa dapat merubah “angka” menjadi 1000, atau bila mau 0.5 detik maka diganti dengan 500.

Contoh perintah marquee :

<marquee scrolldelay=”500″>TEKS BERJALAN DAN DELAY SELAMA 0.5 DETIK</marquee>

Hasilnya :
TEKS BERJALAN DAN DELAY SELAMA 0.5 DET

 

4. Kode bgcolor=”warna”

Kode ini biasa digunakan untuk mengatur warna background tulisan berjalan. “warna” dapat diganti menggunakan bahasa inggris yang menyatakan jenis warna.

Contoh perintahnya :

<marquee bgcolor=”yellow”>TEXT DENGAN BACKGROUND KUNING</marquee>

Hasilnya :
TEXT DENGAN BACKGROUND KUNING

 

5. Kode scrollamount=”angka”

Kode ini biasa dipergunakan untuk mengatur kecepatan gerakan tulisan berjalan. Semakin besar “angka” semakin cepat juga gerakan nya.

Contoh perintah :

<marquee scrollamount=”10″>Kecepatan Tulisan berjalan 10</marquee>

Hasilnya :
Kecepatan Tulisan berjalan 10

 

6. Kode direction=”left/right/up/down”

Kode ini biasa dipergunakan untuk mengatur arah gerakan tulisan sesuai yang di inginkan.

Contoh perintah :

<marquee direction=”right”>TEKS BERJALAN KE KANAN</marquee>
<marquee direction=”up”>TEKS BERJALAN KE ATAS</marquee>

Hasilnya :
TEKS BERJALAN KE KANAN
TEKS BERJALAN KE ATAS

 

7. Kode width=”lebar”

Kode ini biasa dipergunakan untuk mengatur lebar media yang akan menampung marquee.

Contoh Perintah :

<marquee width=”50%”>LEBAR MEDIA 50 %</marquee>

Hasilnya :
LEBAR MEDIA 50 %

 

8. Kode title=”pesan”

Kode ini biasa dipergunakan untuk menampilkan suatu pesan jika kursor mouse didekatkan pada jalur teks

Contoh perintah :

<marquee title=”PESAN DI SINI”>MARQUEE berisi pesan tertentu</marquee>

Hasilnya :
MARQUEE berisi pesan tertentu

 

9. Kode behavior=”scroll/slide/alternate”

Kode ini viasa dipergunakan untuk mengatur jenis gerakan, yaitu :

  • Scroll bila ingin text berjalan terus ke salah satu sisi
  • Slide jika ingin text berjalan tersendat-sendat
  • Alternate jika mau text berjalan seperti memantul

Contoh perintah :

<marquee behavior=”scroll”>MARQUEE BERGERAK KE SISI</marquee>
<marquee behavior=”slide”>MARQUEE BERGERAK TERSENDAT</marquee>
<marquee behavior=”alternate”>MARQUEE MEMANTUL</marquee>

Hasilnya :
MARQUEE BERGERAK KE SISI
MARQUEE BERGERAK TERSENDAT
MARQUEE MEMANTUL

 

10. Kode onmouseover=”thsi.stop()” onmouseout=”this.start()”

Kode ini biasa dipergunakan kalau menginginkan tulisan berhenti bergerak kalau ada mouse yang mengenainya.

Contoh perintah :

<marquee behavior=”alternate” onmouseover=”this.stop()” onmouseout=”this.start()”>TULISAN BOLAK BALIK</marquee>

Hasilnya :
TULISAN BOLAK BALIK
 

 

11. Membuat link pada tulisan berjalan

<marquee behavior=”alternate” onmouseover=”this.stop()” ⇒ onmouseover=”this.stop()” onmouseout=”this.start()”><a https://belajarseo.net/pengertian-dasar-seo-macam-jenis-seo-dan-kegunaan-seo/”>PENGERTIAN DASAR SEO, MACAM JENIS SEO DAN KEGUNAAN SEO (BELAJAR SEO)</a></marquee>

Pengertian Dasar SEO, Macam Jenis SEO, Dan Kegunaan SEO (PENGETAHUAN SEO)

CARA MEMASANG KODE <marquee> PADA BLOG

&;nbsp

Setelah belajar dan mengetahui model – model penerapan kode marquee, lalu cara selanjutnya adalah mengetahui cara memasangnya di blog anda. Ada dua jenis tempat yang dapat dipergunakan untuk mkemasang kode tersebut, yaitu pada widget dan postingan.
&;nbsp

Baca selengkapnya :

1.  Memasang kode di widget

  •  Klik tambahkan Gadget
  • Pilih Gadget HTML marquee
  • Masukan kode marquee yang ingin anda buat di dalam konten tersebut
  • Simpan

2.Memasang kode di dalam postingan

  • Pada kolom postingan , klik mode HTML
  • Masukan kode HTML marquee
  • Klik mode compose untuk kembali melanjutkan postingan lainnya

3. Memasang code di dalam template

  • Lakukan pasrse kode HTML marquee terlebih dahulu
  • Klik menu template pada dashboard
  • Klik edit HTML
  • Letakkan kode HTML marquee yang sudah anda parse pada posisi yang anda ingin tampilkan
  • Save template

 

CARA MENAMBAHKAN WARNA, UKURAN HURUF, JENIS HURUF PADA TULISAN BERJALAN MARQUEE

Dengan cara menambahkan beberapa kode lagi maka akan dilakukan perubahan terhadap jenis huruf, ukuran dan warna teks berjalan <marquee>

Contoh kode :

style=”font-family:arial; font-size:20px; color:#ffffff;”

font-family:arial; –> kode untuk mengubah huruf menjadi jenis huruf arial

font-size:20px; –> kode untuk mengatur besar huruf

color#ffffff; –> kode untuk mengubah warna huruf

Contoh :

<marquee bgcolor=”blue” style=”font-family:arial; font-size:20px; color:#ffffff;”>TEKS BERJALAN WARNA LATAR BIRU</marquee>

hasilnya :
TEKS BERJALAN WARNA LATAR BIRU
 

Nah, tadi adalah cara membuat tulisan berjalan <marquee>, gaya diatas hanyalah sebagai contoh, masih banyak lagi model marquee yang dapat dibuat sesuai dengan kreatifitas anda.

Semoga artikel ini memberikan manfaat untuk anda. Terimakasih.

 

0 0
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleppy
Sleppy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Leave a Reply

Your email address will not be published. Required fields are marked *