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 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 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 Menambahkan Lagu di Aplikasi Alight Motion Mengedit video sekarang sudah semakin mudah dengan adanya perangkat smartphone android. Di Google Playstore yang merupakan gudangnya aplikasi android menyediakan banyak sekali pilihan aplikasi untuk mengedit video. Sebagai editor pemula,…
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 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 Mengganti Akun Google di Android Saat ini, kebanyakan orang menggunakan smartphone Android untuk berbagai keperluan, seperti bekerja, bermain game, dan lain sebagainya. Hal ini membuat akun Google menjadi sangat penting, karena dengan akun tersebut kita…
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 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 Mengatasi HP Android Lemot Tanpa Aplikasi Jika Anda menggunakan HP Android, mungkin Anda pernah mengalami masalah dengan kinerja perangkat yang menjadi lambat atau lemot. Hal ini bisa terjadi karena berbagai faktor seperti penggunaan aplikasi yang berat,…
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 Mengembalikan Chat WA yang Terhapus Sebelum di Backup Cara mengembalikan chat WA yang terhapus sesudah atau sebelum di backup apakah bisa? Yuk cari tahu jawabannya lewat tutorial berikut! Siapa sich yang tidak kenal dengan aplikasi WhatsApp? Kami yakin,…
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 Menambahkan Musik di Story IG Cara menambahkan musik di story IG sama sekali tidak sulit, akan tetapi belum banyak pengguna yang paham. Instagram Stories atau InstaStory merupakan salah satu fitur dari Instagram yang memungkinkan digunakan…
Cara Mengembalikan Postingan Instagram yang Diarsipkan Fitur arsip di Instagram ditujukan untuk menyimpan atau menyembunyikan postingan dari beranda profil. Cara ini kerap digunakan agar konten itu bisa dihilangkan tanpa dihapus. Meskipun begitu, banyak yang belum mengetahui…
Cara Menampilkan Subtitle di YouTube yang Tidak Ada CC Apakah Anda pernah menonton video di YouTube yang tidak memiliki teks atau subtitle? Jika iya, mungkin Anda merasa sulit untuk memahami isi dari video tersebut. Namun, jangan khawatir, ada cara…
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…
Contoh Teknologi Informasi Contoh teknologi informasi - Membahas terkait dengan perkembangan dari dunia TIK menjadi salah satu hal penting untuk terus di pelajari. Sebab, perkembangan dari TIK sendiri dari waktu ke waktu memang…
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 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…
Aplikasi Edit Video PC Gratis Terbaik Aplikasi edit video PC saat ini tersedia dalam versi gratis dan juga berbayar (Premium). Semunya terserah kamu sendiri memilih aplikasi mana. Jika tidak mengenal software tersebut, harap simak semua listicle…
Cara Menonaktifkan Akun IG Sementara di HP Dalam dunia yang semakin terhubung secara digital, penting untuk memiliki kendali atas waktu yang kita habiskan di platform media sosial. Degan cara menonaktifkan akun IG sementara di HP bisa menjadi…
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 Membuka Blokir di Fb Facebook (FB) adalah salah satu media sosial yang paling populer di dunia, memungkinkan kita untuk terhubung dengan teman-teman dan keluarga. Namun, terkadang kita mungkin perlu memblokir seseorang karena berbagai alasan.…
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 Download Aplikasi di Laptop Windows dan MacOS Laptop adalah salah satu perangkat teknologi yang sudah menjadi kebutuhan utama bagi banyak orang. Dari sekadar mengetik dokumen, menjelajahi internet, hingga bermain game, semua bisa dilakukan dengan laptop. Salah satu…
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 Aplikasi di Android Cara menyembunyikan aplikasi di android sebenarnya sangat mudah kita lakukan dengan hanya dua langkah saja, "Lewat Pengaturan dan AppLock". Walaupun terbilang mudah, sebagian besar orang masih banyak yang tidak memahami…
Cara Mengosongkan Ruang Penyimpanan Tanpa Menghapus Aplikasi Semakin lama penggunaan smartphone, semakin banyak pula data yang tersimpan di dalamnya. Tak jarang, ruang penyimpanan pada ponsel kita pun terasa semakin penuh dan membuat performa ponsel kita jadi menurun.…
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 Menambahkan Foto di Video CapCut Di era digital ini, kreativitas dalam mengedit video telah menjadi sebuah keahlian yang banyak diminati, terutama di platform sosial media seperti TikTok. Salah satu teknik yang sering digunakan adalah dengan…