Cara menggunakan html teks berjalan

Kami sering melihat artikel berjalan di situs web, blog, dan bahkan di YouTube dan acara televisi. Kami juga ingin tahu bagaimana membuat tulisan bekerja di blog kami. Bagaimana cara melakukannya? . Running text ini lebih dikenal dengan marquee

Karena running text cukup menarik perhatian, pemilik blog seringkali menggunakan marquee untuk memberikan informasi penting kepada pengunjung blognya

Marquee dapat dibuat dengan mudah dengan kode HTML

Bagaimana caranya, mari kita lihat bersama

Langkah pertama adalah masuk ke blog Anda, lalu pilih tata letak

Pada bagian layout akan muncul banyak pilihan, pada bagian mana anda akan menginstall running text

Pilih salah satu, klik Add a Gadget

Pilih HTML/JavaScript

Kemudian ketik pada kotak yang tersedia

teks yang akan disajikan

Jenis seperti tenda

Teks dasar

Teks yang akan ditulis

Teks Berjalan

Warna Latar Marquee

Teks Dijalankan dengan warna latar belakang kuning

Menjalankan teks dengan warna latar belakang kuning

Bgcolor mengatur warna latar belakang marquee. untuk warna kuning bisa diganti dengan warna dasar merah, hijau, biru, atau kuning

Sudah lama saya ingin share cara ini tapi lupa terus, dan menurut saya pasti sudah banyak yang tahu cara ini, makanya tidak pernah diprioritaskan untuk memposting ini. Untung beberapa hari yang lalu ada yang menanyakan pertanyaan ini, jadi saya ingat dan mulai membuat postingan ini karena takut lupa lagi 😀

Tulisan / Teks berjalan di HTML dapat dilakukan dengan tag dasar , selanjutnya untuk meng-kustom text tersebut bisa ditambahkan dengan element lain didalamnya. Kita bahas dari mulai yang mendasar dulu ya…

Membuat Skrip Jalankan dalam HTML

iklan oleh posciety

#Dasar

Siapkan tulisan dan bungkus didalam tag lalu lihat hasilnya, contoh:

Baca Juga

7 Cara Mudah Membuat Situs WordPress Mobile Friendly

4 Tren Desain UX di 2021

12 Plugin WordPress Gratis & Terbaik 2021 Yang Wajib Anda Miliki

Cara Mengetahui Kata Kunci yang Digunakan Pengunjung pada Fitur…

<marquee>Ini Tulisan Berjalan</marquee>

Simpan dan lihat hasilnya. Secara default, teks akan berjalan dari kanan ke kiri dan terus berulang

# Kecepatan

Jika kecepatannya terlalu cepat atau mungkin kurang cepat, Anda dapat mengatur waktu untuk slide ini dengan penundaan gulir tambahan

<marquee scrolldelay="700">Ini Tulisan Berjalan</marquee>

_

700 adalah milidetik, karena HTML biasanya membaca waktu dari milidetik. Simpan dan lihat hasilnya. Teks akan berjalan seperti biasa tetapi dengan kecepatan yang ditentukan

#Judul

Seperti biasa pada bahasa HTML, jika menggunakan judul maka judul akan muncul dari elemen yang disentuh (hover), seperti tombol yang diberi judul

<marquee scrolldelay="700" title="Ini Muncul Saat Hover">Ini Tulisan Berjalan</marquee>

Teks “this appear on hover” akan muncul saat kursor menyentuh elemen tersebut, dalam ranah SEO judul ini merupakan salah satu hal penting untuk setiap elemen HTML yang ingin dideteksi oleh mesin pencari.

# Sekali

Anda juga dapat menampilkan teks berjalan hanya sekali, artinya teks akan berjalan dari arah yang ditentukan hingga akhir kolom elemen menggunakan perilaku yang berarti perilaku, sehingga Anda dapat mengatur perilaku teks berjalan ini, misalnya dengan slide

<marquee scrolldelay="700" title="Ini Muncul Saat Hover" behavior="slide">Ini Tulisan Berjalan</marquee>

Simpan dan lihat hasilnya. Tulisan akan berjalan dari kanan ke kiri hingga akhirnya menyentuh ujung kolom di sisi lain dan tetap diam hingga terlihat selamanya. Slide hanya bergerak satu kali, slide akan mundur jika halaman dimuat ulang

#Tautan / Tautan

Anda juga dapat memasukkan URL di dalamnya sehingga teks dapat diklik dan diarahkan ke URL yang ditentukan, misalnya

<marquee scrolldelay="700" title="Ini Muncul Saat Hover" behavior="slide"><a href="https://posciety.com" target="_blank">Ini Tulisan Berjalan</a></marquee>

_

Cara menyisipkan link ini tidak jauh berbeda dengan menyisipkan link pada HTML pada umumnya seperti menyisipkan link pada menu yang sudah kita bahas sebelumnya.

#Ubah arah jalan

Seperti yang bisa kita lihat, penulisan akan dijalankan dari kanan ke kiri secara default. Untuk mengubah arah tinggal menambahkan direction alias tujuan

<marquee title="Ini Muncul Saat Hover" behavior="slide" onmouseover="this.stop()" onmouseout="this.start()" direction="right"><a href="https://posciety.com" target="_blank">Ini Tulisan Berjalan</a></marquee>

Bila arahnya ke kanan berarti tujuannya ke kanan, maka tulisan akan berjalan dari kiri ke kanan. Jika Anda ingin mengubahnya ke bawah atau ke atas, silakan atur ke atas atau ke bawah

#Jalan bolak balik

Jika Anda mengikuti tutorial di situs ini tentang Bootstrap GRID sebelumnya, Anda pasti tahu apa yang disebut alternatif. Anda juga dapat menggunakan alternatif di sini

<marquee title="Ini Muncul Saat Hover" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()" direction="right"><a href="https://posciety.com" target="_blank">Ini Tulisan Berjalan</a></marquee>

_

Fungsinya untuk membuat tulisan bolak-balik saat ketiak diketuk tiap sisinya, karena secara default running text akan hilang hingga tidak terlihat di layar. Namun saat menggunakan perilaku alternatif ini, tulisan akan bolak-balik saat mengetuk setiap sisi

#Berhenti Saat Melayang

Musim ini, tulisan berjalan yang berhenti saat disentuh seperti tajuk utama di situs web berita. Caranya cukup dengan menambahkan onmouseover di dalamnya

<marquee scrolldelay="700" title="Ini Muncul Saat Hover" behavior="slide" onmouseover="this.stop()" onmouseout="this.start()"><a href="https://posciety.com" target="_blank">Ini Tulisan Berjalan</a></marquee>

Bahkan kita sudah menyisipkan javascript di dalamnya yaitu onmouseover, dengan kode tersebut tulisan akan berhenti jika disentuh. Jangan lupa tambahkan onmouseout agar ketika mouse tidak menyentuh teks kembali teks akan berjalan kembali, jika tidak digunakan teks berhenti dan tidak berjalan lagi ketika mouse pergi setelah hover

#GAYA

Last but not least, Anda dapat menambahkan inline CSS di dalamnya menggunakan style=””. Misalnya ingin memberi warna teks, mengubah font teks, mengubah ukuran teks, jenis teks, bahkan warna alias latar belakang. Tapi untuk background ini bisa ditambahkan bgcolor="", yang sudah mewakili perubahan warna background marquee

Bagaimana langkah demi langkah membuat teks berjalan?

Buka aplikasi Digital LED Signboard

Klik Masukkan Teks Anda

Masukkan teks yang diinginkan

Atur kecepatan running text, disarankan diatas angka 50

Pilih warna teks

Klik Mulai

Tulisan Anda bisa langsung digunakan

Bagaimana cara kerja Tag untuk menulis?

Agar teks dapat berjalan, Anda dapat menggunakan pasangan tag Masukkan teks di sini.

Agar teks dapat berjalan di HTML, tag apa yang dapat digunakan?

Menulis/Menjalankan Teks di HTML dapat dilakukan dengan tag dasar , kemudian untuk menyesuaikan teks dapat ditambahkan dengan lainnya elemen di dalamnya.

Apa nama Running Writing?

Teks berjalan ini lebih dikenal dengan marquee . Karena running text cukup menarik perhatian, pemilik blog seringkali menggunakan marquee untuk memberikan informasi penting kepada pengunjung blognya.