Cara Membuat Tulisan Berjalan
Membuat tulisan berjalan akan memberikan tambahan variasi pada blog. Biasanya, tulisan berjalan atau widget berjalan pada blog di gunakan oleh blogger untuk menampilkan semua widget atau tulisan yang tersimpan di dalam kotak yang tidak menggunakan scroll. Kecepatan berjalan, arah gerakan dan variasi lain bisa di tambahkan pada teks atau tulisan berjalan untuk membuat tulisan atau teks berjalan bergerak atau berjalan sesuai dengan yang kita inginkan.
Cara Membuat tulisan berjalan
Kode HTML dasar yang di gunakan untuk membuat tulisan bergerak atau berjalan adalah :
<marquee>Tulisan Berjalan</marquee>
Kode tersebut akan membuat tulisan berjalan seperti di bawah ini :
Tulisan Berjalan
Cara Membuat Widget Berjalan
Membuat widget berjalan atau bergerak sama saja dengan cara membuat tulisan berjalan. Gunakan kode yang sama seperti kode di atas lalu ganti tulisan yang berwarna merah dengan kode widget yang ingin di buat bergerak atau berjalan sehingga kodenya seperti ini :
<marquee>Tulisan Berjalan</marquee>
Ubah kodenya menjadi seperti ini :
<marquee>Kode Widget</marquee>
Ganti kode yang berwarna merah dengan kode widget yang ingin di buat bergerak
Macam - Macam Tulisan Berjalan
Setelah mengetahui cara membuat tulisan dan widget berjalan, berikut saya jelaskan cara mengatur gerakan dan memberi variasi pada tulisan berjalan agar terlihat lebih menarik
1. Mengatur Kecepatan Gerakan
Tambahkan perintah scrollamount="angka kecepatan" untuk mengatur kecepatan gerakan tulisan berjalan sehingga kodenya menjadi seperti ini :
<marquee scrollamount="angka kecepatan">TULISAN BERJALAN</marquee>
Ganti kode berwarna biru dengan angka ( misalanya 2, 3, atau 4 dsb ) dan ganti Tulisan berjalan dengan teks atau tulisan atau kode widget yang ingin di buat berjalan atau bergerak.
Contohnya :
<marquee scrollamount="2">TULISAN BERJALAN</marquee>
<marquee scrollamount="3">TULISAN BERJALAN</marquee>
<marquee scrollamount="4">TULISAN BERJALAN</marquee>
Ke tiga kode diatas akan membuat tulisan berjalan dengan kcepatan berbeda yaitu 2, 3, dan 4. Kode di atas akan membuat tulisan berjalan seperti berikut ini :
TULISAN BERJALAN TULISAN BERJALAN TULISAN BERJALAN
Semakin besar angka scrollamount semakin cepat tulisannya berjalan.
2. Mengatur Arah Gerakan
Tambahkan perintah direction="arah gerakan" untuk menentukan arah gerakan tulisan berjalan. Adapun arah gerakan yang bisa di gunakan adalah :right = arah gerakan ke kanan
up = arah gerakan ke atas
down = arah gerakan ke bawah
Penempatan kode arah gerakan sama dengan penempatan kode kecepatan gerakan. Contohnya seperti ini :
<marquee direction="right">TULISAN BERJALAN</marquee>
Jika kode kecepatan dan kode arah gerakan di gabung, kodenya akan menjadi seperti ini :
<marquee scrollamount="2" direction="right">TULISAN BERJALAN</marquee>
<marquee scrollamount="2" direction="up">TULISAN BERJALAN</marquee>
<marquee scrollamount="2" direction="down">TULISAN BERJALAN</marquee>
<marquee scrollamount="2" direction="up">TULISAN BERJALAN</marquee>
<marquee scrollamount="2" direction="down">TULISAN BERJALAN</marquee>
Tidak ada komentar:
Posting Komentar