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.
Banyak model tulisan berjalan dari “bahan” marquee yang dapat kita buat dengan sangat mudah, Karena memang sudah disediakan oleh bahasa HTML itu sendiri.
Nah, bila Anda ingin mencoba membuat tulisan berjalan maka silahkan simak caranya berikut:
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:
<marquee scrollamount=”10″>Kecepatan Tulisan berjalan 10</marquee>
Hasilnya:
Kecepatan Tulisan berjalan 10
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:
<marquee behavior=”scroll”>MARQUEE BERGERAK KE SISI</marquee>
<marquee behavior=”slide”>MARQUEE BERGERAK TERSENDAT</marquee>
<marquee behavior=”alternate”>MARQUEE MEMANTUL</marquee>
Hasilnya:
MARQUEE BERGERAK KE SISIMARQUEE BERGERAK TERSENDATMARQUEE MEMANTUL
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://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 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 Membuat QRIS BCA Bagi Anda yang ingin memudahkan pelanggan dalam melakukan transaksi pembayaran, menggunakan QRIS BCA bisa menjadi solusi yang tepat. Namun, jika Anda masih belum tahu bagaimana cara membuat QRIS BCA untuk…
- Cara Mengganti Username Twitter Twitter adalah merupakan salah satu platform media sosial yang sangat populer di seluruh dunia. Platform ini memungkinkan pengguna untuk berbagi pesan, gambar, dan video dalam bentuk tweet. Twitter juga memungkinkan…
- Usaha Minuman Kekinian Modal Kecil Bisnis minuman memang tidak pernah mati. Setiap saat, orang selalu mencari minuman yang segar dan unik. Jika Anda tertarik untuk memulai bisnis minuman kekinian, Anda bisa memulainya dengan modal kecil.…
- Cara Menambah Followers IG Gratis Instagram merupakan salah satu platform media sosial yang paling populer di dunia, dengan pengguna aktif mencapai lebih dari satu miliar orang setiap bulannya. Instagram dapat digunakan untuk berbagai keperluan, mulai…
- Cara Mempercepat Download di Chrome Sering merasa kesal karena proses download di Google Chrome lambat? Tak perlu khawatir, karena ada beberapa cara mempercepat download di Chrome yang bisa kamu terapkan. Memang, menunggu waktu download termasuk…
- Cara Mengganti Nama Toko di Shopee Apakah Anda memiliki toko di Shopee dan ingin mengganti nama tokonya? Tidak perlu khawatir, karena mengganti nama toko di Shopee sangatlah mudah. Anda dapat melakukannya dalam beberapa langkah sederhana. Di…
- Cara Membuat QRIS CIMB Niaga QRIS atau Quick Response Code Indonesian Standard adalah metode pembayaran digital yang semakin populer di Indonesia. QRIS memungkinkan pengguna untuk membayar tagihan atau produk dengan mudah menggunakan aplikasi pembayaran digital…
- 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…
- 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 Memasukkan Foto Ke Twibbon Tanpa Aplikasi Cara memasukkan foto ke Twibbon tanpa aplikasi sebenarnya sangat mudah sekali. Apa kalian sudah memahami caranya? Lantas bagaimana Sobat melakukan semua itu? Nah untuk mengetahui lebih jelasnya, yuk baca artikel…
- 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 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 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 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…
- Perbedaan OLED dan AMOLED Perbedaan OLED dan AMOLED - Perkembangan dan kemajuan teknologi semakin pesat dan dapat dirasakan hampir di semua bidang. Kemajuan teknologi juga menjadi pendorong banyak orang untuk membeli alat-alat elektronik yang…
- Cara Melihat Nomor Rekening di BRIMO Cara Melihat Nomor Rekening di BRIMO memang menjadi hal penting bagi para pengguna aplikasi perbankan digital ini. Dalam beberapa kasus, Anda mungkin perlu memberikan nomor rekening saat melakukan transfer atau…
- Cara Menyalakan Motor PCX Motor PCX merupakan salah satu jenis motor matic yang banyak diminati oleh masyarakat Indonesia. Selain tampilannya yang elegan, motor ini juga dilengkapi dengan berbagai fitur canggih yang membuat pengendara merasa…
- Cara Mengatasi Aplikasi Tidak Terpasang di Xiaomi Xiaomi merupakan salah satu brand smartphone yang cukup populer di Indonesia. Dalam penggunaannya, terkadang kita mengalami masalah ketika ingin menginstall aplikasi di smartphone Xiaomi. Masalah ini bisa disebabkan oleh berbagai…
- 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 Mengembalikan Foto yang Terhapus di WA Cara mengembalikan foto yang terhapus di wa merupakan upaya terbaik yang perlu sobat terapkan di aplikasi WhatsApp. Mengapa? Ini Jawabannya! Pada dasarnya, orang menghapus foto yang ada di wa dengan…
- Cara Mempromosikan Produk Affiliate Setelah dalam beberapa artikel sebelumnya kita sudah pernah bahas tentang apa itu affiliate marketing, bagaimana cara menghasilkan income dari affiliate marketing dan juga tentang promosi produk affiliate. Pada kali ini…
- Cara Setting Dolphin Emulator agar Tidak Lemot Seperti apa metode cara setting dolphin emulator agar tidak lemot yang benar-benar work it? Tolong jelaskan panduan-nya dengan lengkap! Sebelum kita masuk ke bagian bab pengaturan, memahami apa itu Dolphin…
- Pemilihan Lokasi Usaha Kerajinan Tangan: Tips dan Panduan Usaha kerajinan tangan semakin diminati dan populer di kalangan masyarakat saat ini. Karena itu, banyak orang yang berencana untuk memulai bisnis kerajinan tangan mereka sendiri. Salah satu hal yang penting…
- Bisnis F&B, Ide Bisnis yang Tidak Ada Matinya Merintis usaha bisnis jasa merupakan salah satu cara yang cukup efektif untuk mendapatkan penghasilan dalam jumlah relatif besar, sebut saja bisnis F&B. F&B adalah usaha bisnis kuliner yang dapat dirintis…
- Cara Membuat Kode QRIS LinkAja Di era modern sekarang ini, semua hal bisa dilakukan dengan mudah dan praktis. Misalnya saja untuk soal pembayaran, di mana kita sudah bisa melakukannya secara non-tunai menggunakan aplikasi pembayaran atau…
- Bagaimana Peluang Usaha Kerajinan dari Bahan Limbah Limbah seringkali menjadi masalah bagi lingkungan. Namun, sebenarnya limbah juga bisa menjadi sumber peluang usaha yang menjanjikan, terutama dalam bidang kerajinan tangan. Dalam artikel ini, kita akan membahas tentang bagaimana…
- Perbedaan Pasar Uang dan Pasar Modal Perbedaan pasar uang dan pasar modal dapat Anda lihat dari jangka waktu dan kelola, otoritas tertinggi, serta dari segi risiko yang akan kami uraikan dibawah ini. Perbedaan Pasar Uang dan…
- Affiliate Marketing Adalah Dalam dunia bisnis, Anda mungkin sudah cukup familiar dengan istilah affiliate. Ya, affiliate marketing adalah program bisnis ini menerapkan prinsip untuk menjual produk serta jasa dengan berbasis komisi. Seperti yang…
- 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…