Cara Menciptakan Goresan Pena Berjalan (Marquee)

Cara Membuat Tulisan Berjalan (Marquee) Sering kali kita melihat running text / teks berjalan baik itu di layar bawah TV atau media media lainnya yang semata-mata untuk maksud mengarahkan sentra perhatian ke arahnya. Dalam dunia blog dikenal dengan nama Marquee, Karena memakai isyarat bahasa HTML marquee.

Banyak model goresan pena berjalan dari "bahan" marquee yang sanggup kita buat dengan sangat mudah, Karena memang sudah disediakan oleh bahasa HTML itu sendiri.

Nah, bila Anda ingin mencoba membuat goresan pena berjalan maka silahkan simak caranya berikut :

1.  Kode dasar marquee untuk menciptakan goresan pena berjalan ialah :

<marquee>TULISAN BERJALAN</marquee>

Hasilnya  :

TULISAN BERJALAN

isyarat di atas merupakan bentuk isyarat dasar, Diperlukan pelengkap isyarat lain kalau menginginkan variasi gerak lainnya dari sebuah marquee.


2.  kode loop="angka|-1|infinite" , isyarat ini dipakai untuk melaksanakan pengaturan proses pengulangan sebuah marquee.

teladan perintah isyarat marquee :

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

Hasilnya :

MARQUEE AKAN BERPUTAR 5 KALI LALU MENGHILANG

3.  kode scrolldelay="angka" , isyarat ini dipakai untuk mengatur waktu delay selama "angka", Kaprikornus bila ingin menunda delay selama 1 detik maka ganti "angka" menjadi 1000, atau bila ingin 0.5 detik maka diganti dengan 500.

Contoh perintah marquee :
<marquee scrolldelay="500">TEKS BERJALAN DAN DELAY SELAMA 0.5 DET</marquee>
kesudahannya :

TEKS BERJALAN DAN DELAY SELAMA 0.5 DET

4.  kode bgcolor="warna" , isyarat ini dipakai untuk mengatur warna background goresan pena berjalan. "warna" sanggup diganti memakai bahasa Inggris yang menyatakan jenis warna

Contoh perintahnya :
<marquee bgcolor="yellow">TEXT DENGAN BACKGROUND KUNING</marquee>

kesudahannya :

TEXT DENGAN BACKGROUND KUNING

5.   kode scrollamount="angka" , isyarat dipakai untuk mengatur kecepatan gerakan goresan pena berjalan. Semakin besar "angka" semakin cepat juga gerakannya.

teladan perintah :
<marquee scrollamount="10">Kecepatan Tulisan berjalan 10</marquee>
kesudahannya :

Kecepatan Tulisan berjalan 10

6. kode direction="left/right/up/down" , isyarat ini dipakai untuk mengatur arah gerakan goresan pena yang diinginkan.

teladan perintah :
<marquee direction="right">TEKS BERJALAN KE KANAN</marquee>
<marquee direction="up">TEKS BERJALAN KE ATAS</marquee>
kesudahannya :

TEKS BERJALAN KE KANAN TEKS BERJALAN KE ATAS

7.  isyarat width="lebar" , isyarat ini dipakai untuk mengatur lebar media yang akan menampung marquee

teladan perintah : 
<marquee width="50%">LEBAR MEDIA 50 %</marquee>
kesudahannya :

LEBAR MEDIA 50 %

8. isyarat title="CARA MEMBUAT TULISAN BERJALAN (MARQUEE)" , isyarat ini dipakai untuk menampilkan suatu pesan kalau kursor mouse didekatkan pada jalur teks

teladan perintah :
<marquee title="CARA MEMBUAT TULISAN BERJALAN (MARQUEE)">MARQUEE berisi pesan tertentu</marquee>
kesudahannya :

MARQUEE berisi pesan tertentu

9.  isyarat behavior="scroll/slide/alternate" , isyarat ini dipakai untuk mengatur jenis gerakan, Yaitu :
     - Scroll bila ingin text berjalan terus ke salah satu sisi
     - Slide  bila ingin text berjalan tersendat-sendat
     - Alternate  bila ingin text berjalan menyerupai memantul

teladan perintah :
<marquee behavior="scroll">MARQUEE BERGERAK KE SISI</marquee>
<marquee behavior="slide">MARQUEE BERGERAK TERSENDAT</marquee>
<marquee behavior="alternate">MARQUEE MEMANTUL</marquee>
kesudahannya :

MARQUEE BERGERAK KE SISI MARQUEE BERGERAK TERSENDAT MARQUEE MEMANTUL

10.  kode onmouseover="thsi.stop()" onmouseout="this.start()"  , isyarat ini dipakai kalau ingin goresan pena berhenti bergerak kalau ada mouse mengenainya.

teladan perintah :
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN BOLAK BALIK</marquee>
 hasilnya :

TULISAN BOLAK BALIK

11. Membuat link di goresan pena berjalan
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="https://more-than-it.blogspot.com/search?q=cara-membuat-tulisan-berjalan-marquee">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a></marquee>

CARA MEMBUAT TULISAN BERJALAN (MARQUEE)

Cara Memasang Kode Marquee di Blog

Setelah mengetahui model - model penerapan isyarat marquee, Maka langkah selanjutnya ialah mengetahui cara memasangnya di blog. Ada dua jenis daerah yang dipakai untuk memasang isyarat tersebut, yaitu pada widget dan di dalam postingan. Penjelasannya berikut :

1. memasang isyarat di widget

• Masuk ke sajian Tata Letak ( Layout )
• Klik Tambahkan Gadget
• Pilih gadget HTML / JavaScript
• Masukkan isyarat marque yang ingin dibentuk pada bidang konten
• Simpan

2. memasang isyarat di postingan ( artikel )

• Pada bidang postingan, Klik mode HTML
• Masukkan isyarat HTML marquee
• Klik mode Compose untuk kembali melanjutkan postingan lainnya

3. memasang isyarat di dalam template

• lakukan parse isyarat HTML marquee terlebih dahulu
• klik sajian template di dashboard blogger
• klik Edit HTML
• letakkan isyarat HTML marquee yang telah diparse pada posisi yang ingin ditampilkan
• save template

Cara Menambahkan Warna, Ukuran Huruf, Jenis Huruf pada Tulisan Berjalan Marquee

Dengan menambahkan beberapa isyarat lagi maka dilakukan perubahan terhadap jenis huruf, ukuran, maupun warna teks berjalan,

Misalnya isyarat :
style="font-family:arial; font-size:20px; color:#ffffff;"

font-family:arial;  --> isyarat untuk mengubah abjad menjadi jenis abjad arial

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

color#ffffff;         --> isyarat untuk mengubah warna huruf

teladan :

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

TEKS BERJALAN WARNA LATAR BIRU

Nah, itulah cara menciptakan goresan pena berjalan (marquee), model di atas hanyalah sebagai contoh, masih banyak model marquee yang sanggup dibentuk sesuai dengan kreatifitas Anda.

Semoga sanggup menunjukkan manfaat, Salam sukses

Berbagi :