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 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 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 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 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 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 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 Menghasilkan Uang Tanpa Mengundang Teman Ini dia daftar Aplikasi Menghasilkan Uang Tanpa Mengundang Teman yang benar-benar akan membayar member-nya secara realitas. Persaingan aplikasi yang terus menjadi untuk meningkatkan minat pengguna menuntut pihak developer untuk fokus…
- 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 Menghapus Akun Google di Handphone Jika Anda seorang pengguna Android atau aktif memiliki beberapa akun media sosial, tentu sudah tidak asing lagi dengan akun Google. Selain disinkronkan dengan akun media sosial, akun Google juga memiliki…
- 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 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…
- 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 Menyembunyikan Terakhir Dilihat di IG Instagram (IG) telah menjadi salah satu platform media sosial paling populer di dunia, yang digunakan oleh jutaan orang setiap harinya. Di antara berbagai fitur menarik yang dimiliki Instagram, ada satu…
- 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 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 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 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 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 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 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 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 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 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…
- 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 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 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 Memperbaiki Hardisk Eksternal yang Tidak Terbaca Tidak memiliki pengetahuan khusus terkait cara memperbaiki hardisk eksternal yang tidak terbaca di PC dan Laptop? Pelajari Panduan Berikut! Terutama bagi kalian yang sering menemukan masalah serupa terhadap perangkat yang…
- 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 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 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…