Cara Membuat Tulisan Berjalan Sendiri di Blog - Running Text
Banyak kita jumpai dan melihat ada tulisan yang berjalan dengan lampu-lampunya yang berkedap-kedip di layar televisi, kantor-kantor swasta dan pemerintahan, dan bahkan di pusat perbelanjaan seperti supermarket atau mall besar maupun kecil. Nah kali ini admin posting caranya khusus di blog dan website.
Di dunia HTML, teks yang berjalan lebih kita kenal dengan nama MARQUEE, dan penjabarannya bukan hanya sebatas pada teks, namun gambar pun bisa di buat berjalan running.
Karena teks yang berjalan cukup menarik perhatian, para pemilik blog seringkali menggunakan marquee untuk menyajikan informasi yang lebih ditonjolkan kepada para pengunjung blog mereka.
Sebagai dasar, teks secara default akan berjalan dari kanan ke kiri dan berulang terus menerus seperti contoh diatas.
Loop menentukan banyak perulangan yang dilakukan marquee. Angka 5 menunjukkan jumlah perulangan, setelah berjalan 5 kali marquee tidak akan muncul lagi
Scroll delay menunjukkan jeda waktu marquee. Angka 500 memiliki satuan milidetik, jadi sama dengan 0,5 detik. Teks akan berjalan setiap 0,5 detik.
Title memuat pesan yang akan aktif ketika kursor diarahkan ke marquee.
Bgcolor mengatur warna background marquee.
FFF300 menunjukkan kode warna HTML untuk warna kuning, dapat diganti dengan warna dasar red, green, blue, atau yellow.
Scrollamount mengatur kecepatan gerak marquee.
Angka 100 menunjukkan kecepatannya 100, kecepatan normal adalah 6.
Direction akan mengatur arah gerak marquee. Right menunjukkan arah pergerakan marquee ke kanan.
Ada 4 arah yang bisa Anda gunakan :
Width untuk mengatur lebar marquee, dan height untuk mengatur tinggi marquee. Masing-masing menggunakan px sebagai satuan.
Anda dapat mengatur jenis, ukuran, dan warna font menggunakan style.
Behavior akan mengatur sifat marquee. Anda dapat mengatur marquee dengan 3 nilai :
Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.
Untuk membuat link pada gambar yang berjalan seperti contoh diatas, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.
Teks yang berjalan zig zag dapat dilakukan dengan menggabungkan 2 atribut direction (arah) dengan cara memasukkan teks berjalan diantara 2 marquee yang memiliki atribut arah berbeda.
Dalam contoh kita gunakan arah up dan right sehingga membentuk zig zag.
Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
Oke, Terima kasih telah meluangkan waktu membaca artikel Cara Membuat Tulisan Berjalan (Marquee) di Blog atau website Terlengkap.
Jika ada hal yang perlu dipertanyaan, dipersilahkan menyampaikan di kolom kotak komentar. Sekian postingan cara membuat tulisan berjalan nya ya teman-teman blogger semua. Salam ..!!!
Cara Membuat Tulisan Berjalan di Blog (Marquee) Terlengkap
Cara membuat tulisan berjalan di blog (Marquee) yang terlengkap - banyak dan sering kita lihat pada acara berita yang disiarkan di media tv, terdapat baris informasi yang di sampaikan dengan running text atau lebih kita kenal sebagai teks berjalan.Di dunia HTML, teks yang berjalan lebih kita kenal dengan nama MARQUEE, dan penjabarannya bukan hanya sebatas pada teks, namun gambar pun bisa di buat berjalan running.
Karena teks yang berjalan cukup menarik perhatian, para pemilik blog seringkali menggunakan marquee untuk menyajikan informasi yang lebih ditonjolkan kepada para pengunjung blog mereka.
Cara Membuat Tulisan Berjalan di Blog (Marquee) Terlengkap
Kita dapat membuat kode Marquee ini dengan mudah menggunakan kode HTML. Kali ini blog admin akan berbagi kode-kode HTML pembuat marquee terlengkap dengan cara mudah dan dengan variasi serta atribut-atributnya.Kode Dasar Marquee (Running Text)
<marquee>Contoh Dasar Teks Berjalan</marquee>
Sebagai dasar, teks secara default akan berjalan dari kanan ke kiri dan berulang terus menerus seperti contoh diatas.
Loop atau Perulangan Marquee
<marquee loop="5">Teks Berjalan berulang 5 kali</marquee>
Loop menentukan banyak perulangan yang dilakukan marquee. Angka 5 menunjukkan jumlah perulangan, setelah berjalan 5 kali marquee tidak akan muncul lagi
Jeda Waktu Marquee
<marquee scrolldelay="500">Teks Berjalan dengan delay 0,5 detik</marquee>
Scroll delay menunjukkan jeda waktu marquee. Angka 500 memiliki satuan milidetik, jadi sama dengan 0,5 detik. Teks akan berjalan setiap 0,5 detik.
Memberi Title Marquee
<marquee title="Ini Title Dari Teks Berjalan"> Teks Berjalan Dengan Title </marquee>
Title memuat pesan yang akan aktif ketika kursor diarahkan ke marquee.
Warna Background Marquee
<marquee bgcolor="FFF300"> Teks Berjalan dengan warna latar belakang kuning </marquee>
Bgcolor mengatur warna background marquee.
FFF300 menunjukkan kode warna HTML untuk warna kuning, dapat diganti dengan warna dasar red, green, blue, atau yellow.
Kecepatan Gerak Marquee
<marquee scrollamount="100"> Teks Berjalan dengan kecepatan 100 </marquee>
Scrollamount mengatur kecepatan gerak marquee.
Angka 100 menunjukkan kecepatannya 100, kecepatan normal adalah 6.
Arah Gerak Marquee
<marquee direction="right"> Teks Berjalan ke arah kanan </marquee>
<marquee direction="down" height="100"> Teks Berjalan ke arah bawah </marquee>
Direction akan mengatur arah gerak marquee. Right menunjukkan arah pergerakan marquee ke kanan.
Ada 4 arah yang bisa Anda gunakan :
- up untuk gerak ke atas
- right untuk gerak ke kanan
- down untuk gerak ke bawah
- left untuk gerak ke kiri (default)
Lebar dan Tinggi Marquee
<marquee width="300"> Lebar Teks Berjalan 300px </marquee>
<marquee height="80"> Tinggi Teks Berjalan 80px </marquee>
Width untuk mengatur lebar marquee, dan height untuk mengatur tinggi marquee. Masing-masing menggunakan px sebagai satuan.
Mengatur Jenis, Ukuran, dan Warna Font Marquee
<marquee style="font-family:arial; font-size:20px; color:red;"> Jenis ukuran dan warna font pada Teks Berjalan </marquee>
Anda dapat mengatur jenis, ukuran, dan warna font menggunakan style.
- font-family untuk jenis font
- font-size untuk ukuran font
- color untuk warna font
Sifat Marquee
< marquee behavior="alternate" > Teks Berjalan memantul </marquee>
Behavior akan mengatur sifat marquee. Anda dapat mengatur marquee dengan 3 nilai :
- scroll : marquee menghilang ketika menabrak sisi kiri (default)
- slide : marquee berhenti ketika menabrak sisi kiri
- alternate : marquee memantul ketika menabrak sisi
Membuat Link pada Marquee
<marquee> <a href="https://mansyur81.blogspot.com/2020/08/cara-membuat-tulisan-berjalan-sendiri.html"> Cara Membuat Tulisan Berjalan </a> </marquee>
Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.
Membuat Gambar Berjalan
<marquee>
<img src="https://1.bp.blogspot.com/-QQDAapxjEiU/XzCWeWn1GxI/AAAAAAAACQo/
O6CEMfvDv1MqrAizmKQa3WHP_xrCY5iGQCLcBGAsYHQ/
Cara%2BMembuat%2BTeks%2BBerjalan%2Bdi%2BBlog.jpg"/>
</marquee>
<img src="https://1.bp.blogspot.com/-QQDAapxjEiU/XzCWeWn1GxI/AAAAAAAACQo/
O6CEMfvDv1MqrAizmKQa3WHP_xrCY5iGQCLcBGAsYHQ/
Cara%2BMembuat%2BTeks%2BBerjalan%2Bdi%2BBlog.jpg"/>
</marquee>
Untuk membuat link pada gambar yang berjalan seperti contoh diatas, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.
Membuat Teks Berjalan Zig Zag
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">
<marquee direction="right" behavior="alternate" height="30">Teks Berjalan Zig Zag
</marquee>
</marquee>
Teks yang berjalan zig zag dapat dilakukan dengan menggabungkan 2 atribut direction (arah) dengan cara memasukkan teks berjalan diantara 2 marquee yang memiliki atribut arah berbeda.
Dalam contoh kita gunakan arah up dan right sehingga membentuk zig zag.
Kombinasi Atribut Marquee
<div style="text-align: center;">
<span style="font-size: x-large;">
<marquee bgcolor="transparent" direction="left" style="color: red;">
<b><< SELAMAT DATANG >></b>
</marquee>
<marquee bgcolor="#transparent" direction="right" style="color: blue;">
<b><< SELAMAT DATANG >></b>
</marquee></span>
</div>
Teks bergerak zig - zag ( diagonal ) tembus
<marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="70%"><marquee direction="right"> Tulisan Berjalan Zig Zag Tembus </marquee></marquee>
Direction : untuk mengatur pola gerakan teks (left, right, up dan down)
Scrollamount : untuk mengatur kecepatan gerakan teks. Naikkan angkanya ( dari 2 menjadi 3 ) untuk mempercepat gerakan dan sebaliknya.Behavior ( scroll/slide/alternate ): untuk mengatur prilaku gerakan.
Untuk menambahkan background, padding, border, color, dll pada marquee, silahkan sisipkan kode marquee yang tertera diatas antara kode html yang ada.
Pada Kombinasi marquee dapat dilakukan dengan penggabungan beberapa atribut sekaligus. jika kita sudah mengetahui dan memahami dari dasar-dasar membuat marquee diatas, maka kita dapat mengkreasikan marquee sendiri dengan berbagai gaya tulisan animasi sesuai keinginan kita sendiri.
Oke, Terima kasih telah meluangkan waktu membaca artikel Cara Membuat Tulisan Berjalan (Marquee) di Blog atau website Terlengkap.
Jika ada hal yang perlu dipertanyaan, dipersilahkan menyampaikan di kolom kotak komentar. Sekian postingan cara membuat tulisan berjalan nya ya teman-teman blogger semua. Salam ..!!!
