Cara Membuat Tulisan Berjalan di Blog (Marquee) Lengkap
Cara Membuat Tulisan Berjalan di Blog (Marquee) Lengkap - Seringkali kita melihat pada acara berita yang disiarkan di televisi, terdapat potongan 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 bisa dibuat berjalan.
Karena teks yang berjalan cukup menarik perhatian, pemilik blog sering memanfaatkan marquee untuk memberikan informasi yang bersifat penting kepada pengunjung blog mereka.
Marquee dapat dibuat dengan mudah dengan kode HTML. Kali ini blog Dua Rupaakan berbagi 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 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 teks yang berjalan, 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.
Kombinasi marquee dapat dilakukan dengan menggabungkan beberapa atribut sekaligus. Anda sudah mengetahui dasar-dasar membuat 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.
Di dunia HTML, teks berjalan lebih dikenal dengan nama marquee, dan lingkupnya bukan hanya teks, gambar pun bisa dibuat berjalan.
Karena teks yang berjalan cukup menarik perhatian, pemilik blog sering memanfaatkan marquee untuk memberikan informasi yang bersifat penting kepada pengunjung blog mereka.
Marquee dapat dibuat dengan mudah dengan kode HTML. Kali ini blog Dua Rupaakan berbagi kode-kode HTML pembuat marquee lengkap dengan variasi dan atribut-atributnya.
Baca juga Cara Membuat Sitemap Otomatis Sederhana di Blogger.
Kode Dasar Marquee
Sebagai dasar, teks secara default akan berjalan dari kanan ke kiri dan berulang terus menerus.
Loop atau Perulangan 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
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
Title memuat pesan yang akan aktif ketika kursor diarahkan ke marquee.
Warna Background 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
Scrollamount mengatur kecepatan gerak marquee. Angka 100 menunjukkan kecepatannya 100, kecepatan normal adalah 6.
Arah Gerak 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
Width untuk mengatur lebar marquee, dan height untuk mengatur tinggi marquee. Masing-masing menggunakan px sebagai satuan.
Mengatur Jenis, Ukuran, dan Warna Font 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
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
Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.
Membuat Gambar Berjalan
Untuk membuat link pada teks yang berjalan, cukup dengan memasukkan kode HTML pembentuk link di dalam kode dasar marquee.
Membuat Teks Berjalan Zig Zag
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
Kombinasi marquee dapat dilakukan dengan menggabungkan beberapa atribut sekaligus. Anda sudah mengetahui dasar-dasar membuat 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/2016/10/membuat-tulisan-berjalan-marquee-di-blog.html
Postingan
.png)
0 Post a Comment:
Posting Komentar