Cara Membuat Tulisan Berjalan di Blog (Marquee) Lengkap - Seringkali kita melihat pada program isu yang disiarkan di televisi, terdapat cuilan informasi yang disampaikan dengan running text atau teks berjalan.
Di dunia HTML, teks berjalan lebih dikenal dengan nama marquee, dan lingkupnya bukan hanya teks, gambar pun sanggup dibentuk berjalan.
Karena teks yang berjalan cukup menarik perhatian, pemilik blog sering memanfaatkan marquee untuk memperlihatkan informasi yang bersifat penting kepada pengunjung blog mereka.
Marquee sanggup dibentuk dengan gampang dengan aba-aba HTML. Kali ini blog akan mengembangkan kode-kode HTML pembuat marquee lengkap dengan variasi dan atribut-atributnya.
Baca juga Cara Membuat Sitemap Otomatis Sederhana di Blogger.
Sebagai dasar, teks secara default akan berjalan dari kanan ke kiri dan berulang terus menerus.
Loop memilih banyak perulangan yang dilakukan marquee. Angka 5 memperlihatkan jumlah perulangan, sehabis berjalan 5 kali marquee tidak akan muncul lagi
Scroll delay memperlihatkan jeda waktu marquee. Angka 500 mempunyai satuan milidetik, jadi sama dengan 0,5 detik. Teks akan berjalan setiap 0,5 detik.
Title memuat pesan yang akan aktif dikala kursor diarahkan ke marquee.
Bgcolor mengatur warna background marquee. FFF300 memperlihatkan kode warna HTML untuk warna kuning, sanggup diganti dengan warna dasar red, green, blue, atau yellow.
Scrollamount mengatur kecepatan gerak marquee. Angka 100 memperlihatkan kecepatannya 100, kecepatan normal yaitu 6.
Di dunia HTML, teks berjalan lebih dikenal dengan nama marquee, dan lingkupnya bukan hanya teks, gambar pun sanggup dibentuk berjalan.
Karena teks yang berjalan cukup menarik perhatian, pemilik blog sering memanfaatkan marquee untuk memperlihatkan informasi yang bersifat penting kepada pengunjung blog mereka.
Marquee sanggup dibentuk dengan gampang dengan aba-aba HTML. Kali ini blog akan mengembangkan kode-kode HTML pembuat marquee lengkap dengan variasi dan atribut-atributnya.
Baca juga Cara Membuat Sitemap Otomatis Sederhana di Blogger.
Kode Dasar Marquee
<marquee>Teks Berjalan</marquee>
Sebagai dasar, teks secara default akan berjalan dari kanan ke kiri dan berulang terus menerus.
Loop atau Perulangan Marquee
<marquee loop="5">Teks Berjalan berulang 5 kali</marquee>
Loop memilih banyak perulangan yang dilakukan marquee. Angka 5 memperlihatkan jumlah perulangan, sehabis berjalan 5 kali marquee tidak akan muncul lagi
Jeda Waktu Marquee
<marquee scrolldelay="500">Teks Berjalan dengan delay 0,5 detik</marquee>
Scroll delay memperlihatkan jeda waktu marquee. Angka 500 mempunyai satuan milidetik, jadi sama dengan 0,5 detik. Teks akan berjalan setiap 0,5 detik.
Memberi Title Marquee
<marquee title="pesan tersembunyi">Teks Berjalan</marquee>
Title memuat pesan yang akan aktif dikala kursor diarahkan ke marquee.
Warna Background Marquee
<marquee bgcolor="FFF300">Teks Berjalan dengan warna latar belakang kuning</marquee>
Bgcolor mengatur warna background marquee. FFF300 memperlihatkan kode warna HTML untuk warna kuning, sanggup 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 memperlihatkan kecepatannya 100, kecepatan normal yaitu 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 memperlihatkan arah pergerakan marquee ke kanan. Ada 4 arah yang sanggup 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="100">Tinggi Teks Berjalan 100px</marquee>
Width untuk mengatur lebar marquee, dan height untuk mengatur tinggi marquee. Masing-masing memakai px sebagai satuan.
Mengatur Jenis, Ukuran, dan Warna Font Marquee
<marquee style="font-family:arial; font-size:20px; color:#ffffff;">Jenis ukuran dan warna font pada Teks Berjalan</marquee>
Anda sanggup mengatur jenis, ukuran, dan warna font memakai 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 sanggup mengatur marquee dengan 3 nilai :
- scroll : marquee menghilang dikala menabrak sisi kiri (default)
- slide : marquee berhenti dikala menabrak sisi kiri
- alternate : marquee memantul dikala menabrak sisi
Membuat Link pada Marquee
<marquee><a href="https://gasskeun.blogspot.com/search?q=cara-membuat-sitemap-blog">Cara Membuat Tulisan Berjalan</a></marquee>
Untuk menciptakan link pada teks yang berjalan, cukup dengan memasukkan aba-aba HTML pembentuk link di dalam aba-aba dasar marquee.
Membuat Gambar Berjalan
<marquee><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTPmJsA3KmtcDjILv8WrJgA04THI06GRZosNA8i-ezdp6IFrTrmNMLW3BtwG4OdOhY12HueqcTg6yh9GuBMqIc7mf_81ZlPAzIKnm94oYq85pBxpNMw1sjPNoBoRwEMtMAbt2php8TQfM/s1600/cara-membuat-teks-tulisan-berjalan-marquee.png" /></marquee>
Untuk menciptakan link pada teks yang berjalan, cukup dengan memasukkan aba-aba HTML pembentuk link di dalam aba-aba 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>
<marquee direction="right" behavior="alternate" height="30">Teks Berjalan Zig Zag
</marquee>
</marquee>
Teks yang berjalan zig zag sanggup dilakukan dengan menggabungkan 2 atribut direction (arah) dengan cara memasukkan teks berjalan diantara 2 marquee yang mempunyai atribut arah berbeda. Dalam teladan 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="black" style="color: red;" direction="left" width="130">
<b><<</b><b> MACAM >></b>
</marquee>
<marquee bgcolor="black" style="color: blue;" direction="right" width="130">
<b><< MACAM >></b>
</span>
</marquee>
</div>
<span style="font-size: x-large;">
<marquee bgcolor="black" style="color: red;" direction="left" width="130">
<b><<</b><b> MACAM >></b>
</marquee>
<marquee bgcolor="black" style="color: blue;" direction="right" width="130">
<b><< MACAM >></b>
</span>
</marquee>
</div>
Kombinasi marquee sanggup dilakukan dengan menggabungkan beberapa atribut sekaligus. Anda sudah mengetahui dasar-dasar menciptakan marquee, silahkan mengkreasikan marquee Anda sendiri.
Terima kasih telah membaca artikel Cara Membuat Tulisan Berjalan di Blog (Marquee) Lengkap. Jika ada pertanyaan, silahkan sampaikan di kotak komentar.
Sumber https://duarupa.blogspot.com/
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>
<marquee direction="right" behavior="alternate" height="30">Teks Berjalan Zig Zag
</marquee>
</marquee>
Teks yang berjalan zig zag sanggup dilakukan dengan menggabungkan 2 atribut direction (arah) dengan cara memasukkan teks berjalan diantara 2 marquee yang mempunyai atribut arah berbeda. Dalam teladan 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="black" style="color: red;" direction="left" width="130">
<b><<</b><b> MACAM >></b>
</marquee>
<marquee bgcolor="black" style="color: blue;" direction="right" width="130">
<b><< MACAM >></b>
</span>
</marquee>
</div>
<span style="font-size: x-large;">
<marquee bgcolor="black" style="color: red;" direction="left" width="130">
<b><<</b><b> MACAM >></b>
</marquee>
<marquee bgcolor="black" style="color: blue;" direction="right" width="130">
<b><< MACAM >></b>
</span>
</marquee>
</div>
Kombinasi marquee sanggup dilakukan dengan menggabungkan beberapa atribut sekaligus. Anda sudah mengetahui dasar-dasar menciptakan marquee, silahkan mengkreasikan marquee Anda sendiri.
Terima kasih telah membaca artikel Cara Membuat Tulisan Berjalan di Blog (Marquee) Lengkap. Jika ada pertanyaan, silahkan sampaikan di kotak komentar.
Sumber https://duarupa.blogspot.com/
Related Posts
- Cara Menciptakan Hidangan Navigasi Blog Horizontal Sederhana Salah satu ciri blog yang disukai oleh pengunjung yakni mempunyai hidangan navigasi yang terang sehingga tidak membingungkan pengunjung dalam menelu ...
- Cara Mematikan Klik Kanan Pada Gambar Di BlogBagi kalian yang bekerja sebagai Graphic Designer kemudian sering mengupload atau mengunggah gambarnya ke website atau blog, maka Anda perlu menonakt ...
- Cara Menciptakan Progress Scrollbar Dengan Warna Gradasi Di BlogAda beberapa situs yang menambahkan pengaruh progress (kemajuan) di pecahan atas website atau blog saat halaman tersebut di scroll ke bawah. Akan mu ...
- Cara Menonaktifkan Pemberitahuan Email Dari Google+ (Plus) google+ (plus) Cara menonaktifkan email google+ diharapkan alasannya adanya email-email pemberitahuan yang sangat banyak dan selalu masuk setiap ...
- Cara Menciptakan Sitemap (Daftar Isi) Di Blog Versi LengkapApa itu sitemap? Sitemap jikalau diterjemahkan ke dalam Bahasa Indonesia berarti Peta Situs, yakni kumpulan link atau tautan yang mengarah ke posting ...
- Cara Menciptakan Blog Yang Ringan, Valid Html5, Dan Seo Friendly Blog yang baik itu blog yang menyerupai apa sih? Sobat Blogger, salah satu cara yang cukup efektif untuk mendatangkan pengunjung ke blog kita yaitu ...
