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://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 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 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…
- 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…
- 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 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 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 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 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 Menghapus Tulisan di Foto Online Tanpa Aplikasi Apakah Anda pernah menemukan foto yang memiliki teks yang mengganggu? Jangan khawatir, ada beberapa cara menghapus tulisan di foto Anda dengan sangat mudah. Dalam panduan ini, kami akan memandu Anda melalui…
- 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 Menyembunyikan Pengikut di IG Instagram telah menjadi salah satu platform media sosial yang paling digemari di dunia, dengan jutaan pengguna aktif setiap harinya. Namun, semakin banyaknya pengguna juga berarti semakin meningkatnya kekhawatiran tentang privasi…
- 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 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 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 Mengganti Password Gmail yang Lupa Cara mengganti password Gmail yang lupa ternyata baru diketahui segelintir orang. Mereka yang masih awam belum paham bahwasannya ini bukanlah pekerjaan susah. Sampai sekarang, Gmail masih menjadi pilihan utama bagi…
- Cara Pesan Tiket Pesawat di Traveloka Memesan tiket pesawat sekarang ini sudah bisa dilakukan dengan mudah hanya melalui genggaman smartphone. Anda bahkan bisa langsung membayar secara online lewat dompet digital atau Mobile Banking yang Anda miliki.…
- 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 Mendengarkan Lagu di YouTube Sambil Membuka… Dengan mengetahui cara mendengarkan lagu di YouTube sambil membuka aplikasi lain, Anda dapat menggabungkan kesenangan mendengarkan musik dengan kegiatan sehari-hari Anda di ponsel pintar. Nikmati musik favorit Anda tanpa harus…
- 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 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 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 Menghentikan Aplikasi Latar Belakang di HP Android Pernahkah Anda merasa bingung dengan performa HP yang tiba-tiba melorot, daya baterai yang cepat habis, kuota internet hangus atau kapasitas RAM yang berkurang? Padahal saat itu HP sedang tidak digunakan…
- 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 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…
- 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 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 Menonaktifkan Akun FB dengan Mudah Dalam era digital yang penuh dengan kebisingan dan informasi yang terus mengalir, terkadang kita merindukan momen ketenangan. Apakah Anda pernah memikirkan untuk mengambil jeda sejenak dari hiruk-pikuk media sosial? Jika…
- 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 Mengubah Suara Menjadi Teks Tanpa Aplikasi Anda penasaran bagaimana "Cara Mengubah Suara Menjadi Teks"? Di era digital ini, teknologi pengenalan suara telah menjadi sangat penting. Dengan metode ini, Anda dapat dengan mudah mengubah percakapan atau rekaman…
- 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…
LintasWarganet.com Info Update Terpercaya untuk Warganet
