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 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 Menghilangkan Mode Aman di HP Samsung Pengguna HP Samsung pasti pernah merasakan ponsel melakukan restart dan masuk ke mode aman lalu tidak tahu cara menghilangkan mode aman di HP Samsung tersebut. Perlu Diketahui ternyata ada metode…
Cara Hapus Akun Facebook Permanen yang Lupa Password Sebagian besar dari masyarakat kita pasti sudah memiliki akun Facebook pribadi. Bahkan tidak jarang dari mereka yang memiliki lebih dari satu akun Facebook, dan alasannya bisa bermacam-macam. Karena hal inilah…
Cara Mengaktifkan Kartu XL yang Sudah Mati Kartu XL merupakan salah satu provider telekomunikasi yang cukup populer di Indonesia. Namun, terkadang kita bisa mengalami masalah ketika kartu XL yang kita miliki mati atau tidak aktif. Hal ini…
Cara Mengganti Nama IG Tanpa Menunggu 14 Hari Instagram merupakan platform media sosial yang sangat populer di Indonesia dan seluruh dunia. Instagram memungkinkan penggunanya untuk berinteraksi dengan orang lain, membagikan momen, dan mengikuti akun-akun yang menarik. Salah satu…
Cara Membuka HP yang Lupa Kata Sandi Menggunakan… Salah satu upaya untuk memprivasi hp android yakni menguncinya dengan kata sandi atau password. Sehingga, ponsel tidak akan bisa diakses oleh sembarangan orang. Kecuali ia bisa memasukkan kata sandi yang…
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 Membuat Stiker WhatsApp Tanpa Aplikasi Cara Membuat Stiker WhatsApp Tanpa Aplikasi - Salah satu fitur yang banyak digunakan oleh pengguna WhatsApp (WA) saat ini adalah stiker. Pengguna biasanya menambahkan stiker berbagai bentuk dalam obrolan pesan…
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 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 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 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…
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 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 Perpanjang SIM Online Pada zaman teknologi seperti sekarang ini semuanya sudah serba online alias sudah bisa dikerjakan dimanapun asal kita terhubung dengan koneksi internet. Termasuk dalam hal cara perpanjang SIM online juga sudah…
Cara Mengunci Aplikasi di HP Android Pernahkan Hp Anda dipinjam atau dibawa oleh seseorang baik itu keluarga ataupun teman, dan mungkin HP Anda tertinggal di suatu tempat bahkan HP Anda hilang? Jika itu terjadi tentu Anda…
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 Membuat Akun Twitter Private Sebagai salah satu media sosial terkemuka di dunia, Twitter menyediakan berbagai fitur untuk menjaga privasi pengguna. Salah satu fitur yang populer adalah membuat akun Twitter pribadi. Dalam artikel ini, kami…
Cara Mengatasi Hardisk Tidak Bisa Diinstal Windows Cara mengatasi hardisk tidak bisa diinstal Windows adalah masalah yang sering dihadapi oleh banyak pengguna komputer. Saat mencoba menginstal Windows pada hardisk, terkadang proses instalasi tidak dapat berjalan karena hardisk…
Cara Mengatasi Memori Penuh di HP Oppo Cara mengatasi memori penuh di HP Oppo bisa menjadi tantangan bagi banyak pengguna smartphone. Masalah ini seringkali terjadi ketika penyimpanan internal HP Oppo sudah mencapai batas maksimal dan membuat smartphone…
Cara Mengubah Bahasa di TikTok TikTok adalah platform media sosial yang populer di seluruh dunia dan memungkinkan pengguna untuk membuat dan membagikan video pendek. Namun, terkadang pengguna mungkin ingin mengubah bahasa di TikTok agar lebih…
Cara Mengganti Keyboard WA Pada kali ini kita akan membahas tentang cara mengganti keyboard WA atau WhatsApp. Sebagai salah satu aplikasi pesan instan yang paling populer, WhatsApp menyediakan berbagai fitur yang dapat memudahkan penggunanya…
Cara Mengaktifkan Kartu Telkomsel yang Tidak Ada Jaringan Kartu Telkomsel yang tiba-tiba kehilangan jaringan bisa menjadi masalah yang cukup menjengkelkan. Ketika ini terjadi, Anda mungkin tidak dapat melakukan panggilan, mengirim pesan teks, atau menggunakan data internet. Namun, jangan…
Cara Membuat Akun Google Drive Cara membuat akun Google Drive adalah langkah pertama untuk memanfaatkan layanan penyimpanan awan yang sangat populer. Google Drive memberikan ruang penyimpanan gratis dan aman untuk file-file pribadi Anda, termasuk dokumen,…
Cara Memisahkan Suara dan Musik di Video Memisahkan suara vokal dan latar belakang musik dalam sebuah video bisa menjadi hal yang sangat berguna, terutama untuk keperluan seperti membuat karaoke, acapella, atau mengatasi masalah hak cipta pada platform…
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 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 Mengatur Spasi di Word yang Berantakan Microsoft Word merupakan salah satu program pengolah kata yang paling populer digunakan di seluruh dunia. Dalam proses pembuatan dokumen, pengaturan spasi sangatlah penting untuk memudahkan pembacaan dan memberikan tampilan yang…
Cara Mengembalikan Nomor HP yang Terhapus Cara mengembalikan nomor hp yang terhapus sendiri dapat sobat lakukan melalui dua metode praktis yang sudah saya cantumkan dibawah. Jadi, jika sobat mengalami masalah ini, segera pelajari instruksinya! Pada dasarnya…
Cara Menggabungkan HTML dan CSS Penggunaan HTML dan CSS adalah dua hal yang sangat penting dalam pembuatan tampilan web yang menarik. HTML digunakan untuk membuat struktur konten, sementara CSS digunakan untuk mengatur tampilan dan gaya…