Notification

×

Iklan

Iklan

Indeks Berita

Kode Marquee, Cara Membuat Tulisan Berjalan Lengkap

Selasa, 08 September 2020 | September 08, 2020 WIB Last Updated 2020-09-09T07:00:37Z

Kode Marquee, Cara Membuat Tulisan Berjalan

ASK

Banyak model tulisan berjalan dari "bahan" marquee yang dapat kita buat dengan sangat mudah, Karena memang sudah disediakan oleh bahasa HTML itu sendiri.

Kode dasar marquee untuk membuat tulisan berjalan adalah :
<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.

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


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 KANAN TEKS BERJALAN KE ATAS


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

Membuat link di tulisan berjalan
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="https://www.ask.co.id">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a></marquee>

hasilnya :CARA MEMBUAT TULISAN BERJALAN (MARQUEE)


Cara Memasang Kode Marquee di Blog

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

#ASK
×
Berita Terbaru Update