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:- Kontak HP Tiba-tiba Hilang? Begini Cara Mengatasinya Kontak HP tiba-tiba hilang? Upss, jangan panik terlebih dahulu ya Sob. Begini cara terbaik untuk mendapatkan kontak itu kembali! Kontak menjadi salah satu file yang penting di smartphone kita. Apalagi…
- 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 Menyembunyikan Aplikasi di HP Oppo Pernahkah Anda merasa kesal ketika orang lain melihat aplikasi yang terpasang di HP Oppo Anda? Terkadang, ada beberapa aplikasi yang ingin kita simpan rahasia dari orang lain, namun sayangnya aplikasi…
- Cara Mengganti Background Foto di HP Tanpa Aplikasi Apakah Anda bosan dengan tampilan background foto di HP Anda? Jangan khawatir, karena kini ada cara mudah dan cepat untuk mengganti background foto. Dalam artikel ini, kami akan membahas cara…
- 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 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…
- Cara Membuat Akun ML Baru Tanpa Hapus Data Mobile Legends (ML) adalah salah satu game populer yang dimainkan oleh jutaan pemain di seluruh dunia. Terkadang, Anda mungkin ingin membuat akun ML baru tanpa kehilangan data yang telah Anda…
- 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 Mengurangi Kecerahan pada Komputer Semakin banyak orang yang menghabiskan waktu di depan komputer untuk bekerja, belajar, atau bersantai. Namun, terlalu banyak paparan cahaya dari layar komputer dapat menyebabkan ketidaknyamanan mata, termasuk mata kering, silau,…
- 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 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 Menutup Akun IG Sementara atau Permanen Instagram menjadi salah satu media sosial yang memiliki pengguna aktif terbanyak beberapa tahun terakhir. Meski jumlah pengguna terus bertambah, tidak sedikit juga user aktif IG yang penasaran dengan cara menutup…
- 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 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 Menyembunyikan Afinitas ML (Mobile Legends) Mobile Legends (ML) telah menjadi fenomena di dunia game mobile, dengan jutaan pemain yang bergabung setiap harinya. Bagi beberapa orang, afinitas ML mereka mungkin menjadi rahasia yang ingin mereka sembunyikan.…
- 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 Mengembalikan Foto yang Terhapus Permanen di… Cara mengembalikan foto yang terhapus permanen di google foto (Google Photos) bisa kalian lakukan dengan menggunakan perangkat Android. Jika kalian mengetahui semua step-nya, maka sebenarnya sangat mudah sekali untuk memulihkan-nya.…
- Cara Mengaktifkan Notifikasi WA Di era digital yang semakin berkembang, WhatsApp (WA) telah menjadi salah satu aplikasi pesan instan paling populer. Mungkin Anda mengandalkannya untuk berkomunikasi dengan teman, keluarga, atau rekan kerja Anda. Namun,…
- Cara Menyembunyikan Postingan di FB Facebook adalah platform media sosial yang populer di seluruh dunia. Dengan jutaan pengguna aktif setiap harinya, menjaga privasi Anda menjadi sangat penting. Salah satu cara untuk melakukannya adalah dengan menyembunyikan…
- 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…
- Cara Mengganti Tanggal Lahir di TikTok TikTok adalah platform media sosial yang semakin populer di seluruh dunia. Dengan jutaan pengguna yang aktif, TikTok menawarkan berbagai fitur menarik yang dapat dinikmati oleh penggunanya. Salah satu fitur tersebut…
- 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 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 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 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 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 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 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 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 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…