Cara Menciptakan Goresan Pena Berjalan Di Blog ( Marquee )
Salah satu penambahan animasi yang diharapkan untuk sebuah blog ialah goresan pena berjalan yang sanggup dimanfaatkan untuk menampilkan sebuah informasi penting. Tulisan berjalan / Running Text ini seringkali kita lihat pada program informasi yang disiarkan di televisi, terdapat penggalan informasi yang disampaikan dengan running text atau teks berjalan yang bertujuan untuk mengarahkan sentra perhatian ke arahnya. Dalam dunia blog dikenal dengan nama Marquee, alasannya ialah memakai arahan bahasa HTML marquee. Ruang lingkupnya bukan hanya teks tetapi gambar juga sanggup dibentuk berjalan. Untuk tutorial gambar berjalan anda sanggup melihat panduannya pada artikel berjudul Membuat Gambar Berjalan di Blog.
Banyak model goresan pena berjalan dari arahan marquee yang sanggup dibentuk dengan sangat mudah, alasannya ialah memang sudah disediakan oleh bahasa HTML itu sendiri. Nah kali ini akan menyebarkan kode-kode HTML pembuat marquee lengkap dengan variasi dan atribut-atributnya.
Kode Dasar Marquee
<marquee>Tulisan Berjalan</marquee>Kode ini merupakan bentuk arahan dasar, tulisan secara default akan berjalan dari kanan ke kiri dan berulang terus menerus.
Loop atau Perulangan Marquee
<marquee loop="5">Tulisan Berjalan Berulang 5 Kali</marquee>Loop memilih banyak perulangan yang dilakukan marquee. Angka 5 menunjukkan jumlah perulangan, sehabis berjalan 5 kali marquee tidak akan muncul lagi.
Jeda Waktu Marquee
<marquee scrolldelay="500">Tulisan Berjalan Dengan Delay 0,5 detik</marquee>Scrolldelay merupakan jeda waktu delay marquee. Angka 500 memiliki satuan milidetik, jadi sama dengan 0,5 detik. Tulisan akan berjalan setiap 0,5 detik. Apabila ingin menunda delay selama 1 detik maka ganti 500 menjadi 1000.
Warna Background Marquee
<marquee bgcolor="#000000">Tulisan Berjalan dengan Warna Background Warna Hitam</marquee>Bgcolor dipakai mengatur warna background marquee. Kode #000000 merupakan arahan warna HTML untuk warna hitam, sanggup diganti dengan warna dasar red, green, blue, atau yellow atau dengan arahan HTML warna yang lain
Kecepatan Gerakan Tulisan
<marquee scrollamount="50">Tulisan Berjalan Dengan Kecepatan 50</marquee>Scrollamount dipakai mengatur kecepatan gerak marquee. Angka 50 merupakan kecepatan gerakan laju tulisan, kecepatan normal ialah 6.
Title Marquee
<marquee title="Cara Membuat Tulisan Berjalan di Blog ( Marquee )">Tulisan Berjalan</marquee>Title ini dipakai untuk menampilkan suatu pesan bila kursor mouse didekatkan pada jalur teks.
Arah Gerakan Marquee
<marquee direction="right">Tulisan Berjalan Ke Arah Kanan</marquee>Kode direction dipakai untuk mengatur arah gerakan marquee. Ada 4 arah yang sanggup dipakai untuk mengatur arah gerakan marquee, antara lain : Right, Left, Up, dan Down.
<marquee direction="down">Tulisan Berjalan Ke Arah Bawah</marquee>
Lebar dan Tinggi Marquee
<marquee width="300">Lebar Teks Berjalan 300px</marquee>Kode width dipakai untuk mengatur lebar media yang menampung goresan pena berjalan atau marquee, sedang height dipakai untuk mengatur tinggi media yang menampung marquee. Nilai lebar dan tingginya memakai satuan ps.
<marquee height="100">Tinggi Teks Berjalan 100px</marquee>
Jenis Gerakan Marquee
<marquee behavior="scroll">MARQUEE BERGERAK KE SISI</marquee>Kode behavior dipakai untuk mengatur jenis gerakan marquee. Jenis gerakan marquee ini ada 3, antara lain :
<marquee behavior="slide">MARQUEE BERGERAK TERSENDAT</marquee>
<marquee behavior="alternate">MARQUEE MEMANTUL</marquee>
1. scroll : Tulisan berjalan atau marquee akan menghilang ketika menabrak sisi kiri secara terus menerus (default).
2. slide : Tulisan berjalan atau marquee akan berhenti ketika menabrak sisi kiri.
3. alternate : Tulisan berjalan atau marquee akan memantul ketika menabrak kedua sisi.
Membuat Link pada Marquee
<marquee><a href="https://bloglandai.blogspot.com">Cara Membuat Tulisan Berjalan di Blog</a></marquee>Untuk menciptakan link pada teks yang berjalan, cukup dengan memasukkan arahan HTML pembentuk link di dalam arahan dasar marquee ibarat pola diatas.
Gerakan Marquee Berhenti ketika di Sentuh Cursor Mouse
<marquee onmouseover="this.stop()" onmouseout="this.start()">Tulisan Berjalan Berhenti Ketika Di Sentuh Cursor</marquee>Kode onmouseover="this.stop()" onmouseout="this.start()" dipakai untuk menghentikan gerakan laju marquee ketika disentuh oleh cursor mouse.
Mengatur Jenis, Ukuran, Ketebalan, dan Warna Font Marquee
<marquee style="font-family:calibri; font-size:20px; font-weight: bold; color:#ffffff;">Jenis Ukuran dan Warna Font Untuk Tulisan Berjalan</marquee>Kode style dipakai untuk mengatur jenis, ukuran, dan warna font marquee.
1. font-family untuk jenis font
2. font-size untuk ukuran font
3. font-weight untuk menebalkan font
4. color untuk warna font
Kombinasi Attribut Marquee
<div style="text-align: center;">
<span style="font-size: 50px;">
<marquee bgcolor="black" style="color: red;" direction="right" width="250">
<b>><(((((;>   ><(((((;>   ><(((((;>   ><(((((;></b>
</marquee>
<marquee bgcolor="black" style="color: blue;" direction="left" width="250">
<b><;)))))><   <;)))))><   <;)))))><   <;)))))><</b>
</span>
</marquee>
</div>
Kombinasi marquee sanggup dilakukan dengan menggabungkan beberapa attribut marquee sekaligus. Setelah mengetahui dan memahami dasar-dasar marquee, silahkan kreasikan marquee anda sendiri.
Cara Memasang Kode Marquee di Blog
Ada dua daerah yang biasa dipakai oleh para blogger untuk meletakkan arahan marquee di blog, yakni antara lain : Widget dan Postingan ibarat pada artikel ini. Berikut langkah-langkah pemasangan arahan marquee di blog.
1. Widget
- Pilih hidangan Tata letak.
- Klik Tambahkan Gadget.
- Pilih widget HTML/JavaScript.
- Masukkan arahan marquee ke dalam kolom konten.
- Klik Simpan atau Save.
2. Postingan
Ketika menulis artikel di blog pada editor postingan terdapat 2 mode penulisan, yakni mode HTML dan mode Compose. Mode compose dipakai dikala anda akan menulis kalimat biasa untuk artikel sedangkan mode HTML dipakai dikala anda akan memasukkan kode-kode HTML biar arahan sanggup berjalan ibarat yang diinginkan, contohnya arahan marquee.
Demikian tutorial sederhana mengenai bagaimana cara menciptakan goresan pena berjalan / Running Text di blog. Semoga bermanfaat and " Happy Blogging "
Sumber https://harmansh.blogspot.com/