Cara Membuat Running Text

Cara Membuat Running Text di Website

Sering kali kita melihat running text atau teks berjalan baik itu di layar bawah TV atau media media lainnya yang semata-mata untuk maksud mengarahkan pusat perhatian ke arahnya. Dalam dunia blog atau website dikenal dengan nama Marquee, Karena menggunakan kode bahasa HTML marquee. Bagaimana cara membuat running text tersebut mari kita simak bahasan dibawah.

Termasuk terkadang ada di Blog atau Website yang pernah kita jumpai di dunia online.

Cara Membuat Running Text atau Tulisan Berjalan di Website

1. Kode dasar marquee

Untuk membuat tulisan berjalan adalah sebagai berikut:

<marquee>TULISAN BERJALAN</marquee>

Hasilnya :

TULISAN BERJALAN

Kode di atas merupakan bentuk kode dasar, diperlukan tambahan kode lain jika menginginkan variasi gerak lainnya dari sebuah marquee.

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

Kode ini digunakan 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

3. Kode scrolldelay=”angka”

Kode ini digunakan untuk mengatur waktu delay selama “angka”, jadi 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>

Hasilnya :

TEKS BERJALAN DAN DELAY SELAMA 0.5 DET

4. Kode bgcolor=”warna”

Kode ini 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 digunakan untuk mengatur kecepatan gerakan tulisan berjalan. Semakin besar “angka” semakin cepat juga gerakannya.

Contoh perintah:

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

Kode ini digunakan untuk mengatur arah gerakan tulisan yang diinginkan.

Contoh perintah :

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

Hasilnya :

TEKS BERJALAN KE KANANTEKS BERJALAN KE ATAS

7. Kode width=”lebar”

Kode ini digunakan 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 digunakan 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 digunakan 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 seperti memantul

Contoh perintah:

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

Kode ini digunakan jika ingin tulisan berhenti bergerak jika ada mouse mengenainya.

Contoh perintah:

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

Hasilnya:

TULISAN BOLAK BALIK

11. Membuat link di tulisan berjalan

Contoh perintah:

<marquee behavior=”alternate” onmouseover=”this.stop()” onmouseout=”this.start()”><a href=”https://www.lintaswarganet.com/”>CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a></marquee>

CARA MEMBUAT TULISAN BERJALAN (MARQUEE)

Cara Memasang Kode Marquee di Blog

Setelah mengetahui model – model penerapan kode marquee, Maka langkah selanjutnya ialah mengetahui cara memasangnya di blog. Ada dua jenis tempat yang digunakan untuk memasang kode tersebut, yaitu pada widget dan di dalam postingan.

Penjelasannya berikut:

1. Memasang kode di widget

Masuk ke menu Tata Letak ( Layout )
Klik Tambahkan Gadget
Pilih gadget HTML / JavaScript
Masukkan kode marque yang ingin dibuat pada bidang konten
Simpan

2. Memasang kode di postingan ( artikel )

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

3. Memasang kode di dalam template

Lakukan parse kode HTML marquee terlebih dahulu
Klik menu template di dashboard blogger
Klik Edit HTML
Letakkan kode 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 kode lagi maka dilakukan perubahan terhadap jenis huruf, ukuran, maupun warna teks berjalan.

Misalnya 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, itulah cara membuat running text atau tulisan berjalan (marquee), beberapa model di atas hanyalah sebagai contoh, masih banyak model marquee yang bisa dibuat sesuai dengan kreatifitas Anda.

Kontributor: Increindo

Rekomendasi:

Cara Mengganti Bahasa di WA WhatsApp (WA) adalah salah satu aplikasi pesan instan paling populer di dunia. Selain memungkinkan pengguna untuk bertukar pesan teks, gambar, dan video, WA juga menawarkan fitur-fitur canggih seperti panggilan suara…
Cara Edit Latar Belakang Foto Tanpa Aplikasi Mengedit foto umumnya dilakukan melalui perangkat PC atau laptop dengan bantuan software editing foto. Namun, berkembangnya dunia teknologi membuat aktivitas tersebut juga bisa dilakukan dengan mudah melalui smartphone. Selain memanfaatkan…
Cara Mengganti Nama di Google Meet Google Meet adalah aplikasi video conference yang digunakan untuk mengadakan pertemuan secara virtual. Aplikasi ini memungkinkan penggunanya untuk berkomunikasi dengan orang lain melalui video dan audio secara real-time. Untuk cara…
Cara Mengganti Username Shopee yang Tidak Bisa Diganti Ingin tahu bagaimana cara mengganti username Shopee yang sulit diganti? Jangan khawatir, kali ini kami akan memberikan tips dan trik untuk mengatasi masalah ini. Sebelum itu, mari kita bahas terlebih…
Cara Menyembunyikan Foto di iPhone Apakah Anda ingin menyimpan beberapa foto pribadi Anda dengan aman di iPhone tanpa takut orang lain melihatnya? Jika iya, Anda berada di tempat yang tepat! Pada artikel ini, kami akan…
OIS vs EIS, Ini Perbedaannya! OIS vs EIS - Handphone sekarang harga 2 jutaan saja kameranya sudah bagus ya sudah ada image stabilizernya. Kalau di video, image stabilizernya itu berfungsi untuk membuat video lebih stabil…
Cara Mengembalikan File yang Terhapus di Laptop Cara mengembalikan file yang terhapus di laptop itu sebenarnya bukan perkara sulit yang bisa memusingkan diri lho sob, justru sebaliknya. Namun, tetap saja masih banyak orang yang tidak memahami hal…
Cara Membuka Blokiran di IG Instagram, salah satu platform media sosial terpopuler di dunia, sering kali digunakan untuk terhubung dengan teman, keluarga, dan berbagi momen-momen berharga. Namun, ada saat-saat di mana Anda mungkin merasa perlu…
Cara Membuat Aplikasi Android dengan Android Studio Pada kali ini kami akan berbagi kepada Anda tentang cara membuat aplikasi Android dengan Android Studio. Cara ini tergolong mudah untuk pemula sekalipun bahkan tidak diperlukan memahami ilmu koding yang…
Cara Memindahkan Gambar di Word Memasukkan gambar ke dalam dokumen Microsoft Word adalah bagian penting dari banyak tugas seperti pembuatan laporan, presentasi, dan brosur. Namun, seringkali kita perlu mengatur ulang posisi gambar untuk mencapai tata…
Cara Mengganti Bahasa di Laptop Pada saat kita membeli laptop baru, biasanya laptop tersebut sudah terinstal dengan bahasa Inggris sebagai bahasa default. Namun, tidak semua orang mengerti bahasa Inggris dengan baik, dan hal ini bisa…
Cara Mengganti Nama di Secreto Secreto adalah aplikasi media sosial populer yang memungkinkan pengguna untuk berkomunikasi dengan teman-teman mereka secara anonim. Aplikasi ini menjadi populer karena memberikan ruang privasi bagi pengguna untuk berbicara tentang topik…
Cara Membuat Stiker WA Bergerak Selalu ada cara menarik untuk mengekspresikan diri di aplikasi WhatsApp. Salah satunya adalah penggunaan stiker. Tidak hanya disediakan oleh WhatsApp, Anda juga dapat membuat stiker bergerak sendiri. Bagaimana cara membuat…
Cara Menyembunyikan Sorotan di IG Instagram memiliki fitur menarik yang dikenal sebagai "Sorotan" atau "Highlight," yang memungkinkan pengguna untuk menyimpan cerita sementara di profil mereka. Namun, terkadang Anda mungkin ingin menjaga beberapa cerita tetap pribadi…
Cara Mengembalikan Foto yang Terhapus Permanen di HP Oppo Cara mengembalikan foto yang terhapus permanen di hp Oppo merupakan cara yang sedang di cari oleh sebagian orang yang mengalami masalah ini. Mereka yakin tak menghapus file ini sebelumnya, akan…
Cara Membuat Akun Mi Xiaomi, sebagai salah satu produsen ponsel pintar terkemuka di dunia, telah meraih popularitas besar. Xiaomi Mi Fans, atau penggemar setia Xiaomi, memiliki keuntungan tersendiri dengan memiliki akun Mi. Dalam artikel…
Cara Instal Windows 10 di Hardisk GPT Anda ingin menginstal Windows 10 di hard disk dengan partisi GPT? Jika iya, Anda berada di tempat yang tepat! Dalam artikel ini, kami akan memberikan panduan langkah demi langkah tentang…
Cara Mengatasi HP VIVO Tidak Bisa Dicas Cara mengatasi hp Vivo tidak bisa dicas sebenarnya tidak sulit banget. Anda bisa melakukan hal-hal dasar yang sekiranya bisa menyebabkan proses pengisian daya terganggu. Hp VIVO masih menjadi salah satu…
Cara Ganti Nama di FB dan Lupa Kata Sandi Ketika membuat akun Facebook, terkadang pengguna memasukkan nama samaran atau julukan untuk tujuan tertentu. Di lain waktu, mereka merasa nama yang digunakan tersebut kurang cocok dan ingin mengubahnya menjadi nama…
Cara Menghilangkan Tulisan Capcut di Pojok Kanan… Mengedit video di Capcut banyak disukai para kreator. Terlebih, karena aplikasi ini memiliki banyak fitur yang bisa membuat video makin ciamik. Akan tetapi, pasti sangat menjengkelkan karena watermark yang mentereng…
Cara Ganti Akun Chrome Jika Anda adalah salah satu pengguna setia peramban web Google Chrome, Anda mungkin ingin tahu tentang "cara ganti akun Chrome" untuk meningkatkan pengalaman menjelajah Anda. Mengganti akun Chrome dapat membawa…
Cara Membuat 2 Layar di HP Oppo A37 Cara membuat 2 layar di HP Oppo A37 bisa menjadi solusi bagi pengguna yang ingin menggunakan dua aplikasi secara bersamaan tanpa harus beralih dari satu aplikasi ke aplikasi lainnya. Dengan…
Cara Menyembunyikan Jumlah Like di Facebook Mungkin Anda pernah bertanya-tanya apakah ada cara menyembunyikan jumlah like di Facebook Anda. Seiring dengan berbagai perubahan platform media sosial, privasi menjadi hal yang semakin penting bagi banyak pengguna. Beberapa…
Cara Menyembunyikan Like di IG Media sosial telah menjadi bagian penting dalam kehidupan kita, termasuk platform populer seperti Instagram. Di Instagram, "like" adalah salah satu indikator yang sering digunakan untuk mengukur popularitas suatu unggahan. Namun,…
Cara Menghapus Tulisan di Video TikTok Tanpa Aplikasi Menyimpan video TikTok orang lain ke Galeri HP, biasanya terdapat watermark di video. Watermark ini berupa logo TikTok dan juga username dari si pemilih video. Umumnya watermark pada video TikTok…
Cara Membuat Secreto Secreto adalah aplikasi chatting yang semakin populer di Indonesia. Aplikasi ini memungkinkan pengguna untuk membuat ruang obrolan (chat room) dengan teman-teman atau kelompok tertentu. Dalam artikel ini, kita akan membahas…
Cara Mengubah Bahasa di Wattpad Wattpad adalah platform yang populer untuk membaca dan menulis cerita dari berbagai genre. Bagi banyak pengguna, mengganti bahasa yang digunakan di Wattpad bisa menjadi hal yang penting. Baik Anda ingin…
Cara Mengunci Foto Profil FB Facebook adalah salah satu media sosial paling populer di dunia, dan dengan jutaan pengguna aktif setiap hari, menjaga privasi Anda di platform ini sangat penting. Salah satu langkah penting dalam…
Cara Mengembalikan Kontak yang Hilang di Xiaomi Cara mengembalikan kontak yang hilang di xiaomi merupakan upaya yang paling mudah. Yang dapat kita lakukan yaitu cukup melalui Android saja. Apalagi di zaman sekarang ini, setiap smartphone berbasis Android…
Cara Mengganti Nama Zoom di HP Saat Meeting Zoom adalah salah satu aplikasi konferensi video populer yang digunakan untuk mengadakan pertemuan online. Saat menggunakan aplikasi ini, Anda dapat memilih untuk mengubah nama Anda agar lebih mudah diidentifikasi oleh…