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 arahan 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 yakni :

<marquee>TULISAN BERJALAN</marquee>

Hasilnya  :

TULISAN BERJALAN

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


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

pola perintah arahan marquee :

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

Hasilnya :

MARQUEE AKAN BERPUTAR 5 KALI LALU MENGHILANG

3.  kode scrolldelay="angka" , arahan ini dipakai untuk mengatur waktu delay selama "angka", Makara 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>
jadinya :

TEKS BERJALAN DAN DELAY SELAMA 0.5 DET

4.  kode bgcolor="warna" , arahan 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>

jadinya :

TEXT DENGAN BACKGROUND KUNING

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

pola perintah :
<marquee scrollamount="10">Kecepatan Tulisan berjalan 10</marquee>
jadinya :

Kecepatan Tulisan berjalan 10

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

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

TEKS BERJALAN KE KANAN TEKS BERJALAN KE ATAS

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

pola perintah : 
<marquee width="50%">LEBAR MEDIA 50 %</marquee>
jadinya :

LEBAR MEDIA 50 %

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

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

MARQUEE berisi pesan tertentu

9.  arahan behavior="scroll/slide/alternate" , arahan 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 ibarat memantul

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

MARQUEE BERGERAK KE SISI MARQUEE BERGERAK TERSENDAT MARQUEE MEMANTUL

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

pola 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=" /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 arahan marquee, Maka langkah selanjutnya ialah mengetahui cara memasangnya di blog. Ada dua jenis kawasan yang dipakai untuk memasang arahan tersebut, yaitu pada widget dan di dalam postingan. Penjelasannya berikut :

1. memasang arahan di widget

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

2. memasang arahan di postingan ( artikel )

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

3. memasang arahan di dalam template

• lakukan parse arahan HTML marquee terlebih dahulu
• klik sajian template di dashboard blogger
• klik Edit HTML
• letakkan arahan 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 arahan lagi maka dilakukan perubahan terhadap jenis huruf, ukuran, maupun warna teks berjalan,

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

font-family:arial;  --> arahan untuk mengubah aksara menjadi jenis aksara arial

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

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

pola :

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

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 memperlihatkan manfaat, Salam sukses