Cara Membuat Tulisan Berjalan Lengkap 100% Work

Selamat datang di Wahyu Development, kali ini saya akan membagikan tutorial bagaimana cara membuat text berjalan dengan marquee. Marquee adalah salah satu code html yang digunakan untuk membuat text berjalan. Dan disini saya akan merangkum semua jenis-jenis marquee dan berbagai macam pengaturannya. Ok langsung saja!

Pertama anda harus login ke akun blogger anda, kemudian klik menu Tema --> Edit HTML. Pada halaman Edit HTML anda dapat meletakan code marquee sesuai dengan yang anda inginkan:

• jika ingin meletakan diatas menu website anda, maka anda harus mencari nama menu tersebut kemudian cari titik awal code menu tersebut,
• jika anda ingin meletakan diatas artikel, maka anda harus mencari code post dan meletakan code marquee diatasnya,
• dan seterusnya.

Jika anda sudah memahami kalimat diatas, kini pembuatan text marquee, disini banyak jenis-jenis text marquee dan saya akan jelaskan satu per satu.

Dasar dalam pembuatan text berjalan adalah Marquee, jadi anda harus mengingat dasarnya, dan setiap menuliskan code html harus ada pembuka dan penutup. Contoh :

<marquee>Wahyu Development</marquee>

Wahyu Development

[Catatan] <marquee> ini adalah pembuka </marquee> ini adalah penutup.

Bagaimana cara mengganti posisi arah berjalan marquee? maka anda harus menambahkan code direction (left, right, down, up). Pilih satu yang ingin anda gunakan. Contoh :

<marquee direction="left">Wahyu Development</marquee>
Wahyu Development
<marquee direction="right">Wahyu Development</marquee>
Wahyu Development
<marquee direction="down">Wahyu Development</marquee>
Wahyu Development
<marquee direction="up">Wahyu Development</marquee>
Wahyu Development

Bagaimana cara merubah jenis font pada text marquee? maka anda harus menambahkan code <font face="nama-font"> dan ditutup dengan code </font>. Contoh :

<font face="Brandon Grotesque"><marquee direction="left">Wahyu Development</marquee></font>

Wahyu Development

[Catatan] Untuk menambahkan font anda dapat browsing atau buka MS. Word untuk mencari referensi dari jenis-jenis font.

Bagaimana cara memberi warna pada text marquee serta merubah ukuran text marquee? agar dapat merubah warna text dan ukuran text anda harus menambahkan code Color="warna" untuk memberikan warna text dan code Size="ukuran-text" untuk memberikan bentuk ukuran text yang berbeda. Contoh :

<font face="Brandon Grotesque" color="blue" size="12"><marquee direction="left">Wahyu Development</marquee></font>
Wahyu Development
<font face="Brandon Grotesque" color="#276b9c" size="12"><marquee direction="left">Wahyu Development</marquee></font>
Wahyu Development

[Catatan] Dalam penulisan code warna anda dapat menggunakan 2 jenis, pertama anda dapat menggunakan code warna dalam bahasa inggris, dan kedua anda dapat menggunakan code warna html seperti #000000. Bedanya dengan jenis code warna tersebut adalah code warna pertama tidak dapat diatur sesuai dengan keinginan, sedangkan code warna kedua dapat anda atur sesuai yang anda inginkan. Untuk melihat code warna kedua anda dapat menggunakan photoshop ataupun coreldraw.

Bagaimana memberi background warna pada text marquee? untuk menambahkan background warna anda harus menambahkan code bgcolor="warna" dalam code marquee. Contoh :
<font face="Brandon Grotesque" color="#ffffff" size="12"><marquee direction="left" bgcolor="blue">Wahyu Development</marquee></font>

Wahyu Development

<font face="Brandon Grotesque" color="#ffffff" size="12"><marquee direction="left" bgcolor="#276b9c">Wahyu Development</marquee></font>

Wahyu Development

Bagaimana mengatur kecepatan text berjalan? Untuk mengatur kecepatan text berjalan pada marquee anda tambahkan code scrolldelay='kecepatan', masukan pada script masquee. Contoh :
<font face="Brandon Grotesque" color="#ffffff" size="12"><marquee direction="left" bgcolor="#276b9c" scrolldelay='100'>Wahyu Development</marquee></font>
Wahyu Development
<font face="Brandon Grotesque" color="#ffffff" size="12"><marquee direction="left" bgcolor="#276b9c" scrolldelay='1'>Wahyu Development</marquee></font>
Wahyu Development
[Catatan] jika code diatas terlalu lambat anda dapat menggunakan code scrollamount='nilai'

Bagaimana cara melebarkan line marquee? line adalah tempat berjalannya text, dan cara untuk membuat line itu besar tambahkan code width='nilai' untuk memberikan lebar line, height='nilai' untuk memberikan tinggi line. Contoh :
<font face="Brandon Grotesque" color="#ffffff" size="12"><marquee direction="left" bgcolor="#276b9c" scrolldelay='1' width='450' height='100'>Wahyu Development</marquee></font>
Wahyu Development
[Catatan] Jika anda ingin membuat lebar line sesuai dengan halaman ganti nilai angka dengan auto.
<font face="Brandon Grotesque" color="#ffffff" size="12"><marquee direction="left" bgcolor="#276b9c" scrolldelay='1' width='auto' height='100'>Wahyu Development</marquee></font>
Wahyu Development

Berikut adalah contoh-contoh code marquee yang dapat dimodifikasi :
<marquee><marquee direction="down">Wahyu Development</marquee></marquee>
Wahyu Development
[Catatan] untuk membuat keatas ubah down jadi up.
<font face="Brandon Grotesque" color="white" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="276b9c"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Wahyu Development</marquee></marquee></font>
Wahyu Development

Bagaimana cara agar text berhenti saat mouse menyentuh text? anda hanya perlu tambahkan code onmouseover="this.stop()" untuk berhenti dan code onmouseout="this.start()" untuk lanjut. Contoh :

<font face="Brandon Grotesque" color="white" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="276b9c"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">Wahyu Development</marquee></marquee></font>

Wahyu Development

[Catatan] jika trik ini tidak terbukti mungkin karna saya mematikan klik kiri pada body artikel, silahkan anda coba dihalaman website anda.

Itulah cara membuat tulisan berjalan, berikan komentar anda dan semoga bermanfaat . . .

Wahyu Development

Situs download software lengkap dan mudah - Tutorial lengkap tentang website, sosial media, dan komputer - Sumber referensi tugas sekolah dan informasi lainnya

Share this post

Related Post