Tulisan berjalan yang dipasang pada sebuah blog akan menambah tampilan blog menjadi menarik dan tentunya isi/konten informasi dari tulisan berjalan tersebut bisa menjadi pusat perhatian pengunjung. Tulisan berjalan marque ini biasanya berisi tentang info penting misal: iklan, No kontak admin, promo sebuah produk atau bisa juga dijadikan sebagai tulisan selamat datang bagi pengunjung.
Cara membuat tulisan berjalan ini tidak lah sulit, tetapi anda harus tahu dulu kode-kode marque yang digunakan, variasi kodenya-pun beragam sesuai dengan pergerakan tulisan yang diinginkan dan sesuai dengan template blog anda.
Kode perintah (kode dasar) dalam membuat marque atau tulisan berjalan adalah:
Cara membuat tulisan berjalan ini tidak lah sulit, tetapi anda harus tahu dulu kode-kode marque yang digunakan, variasi kodenya-pun beragam sesuai dengan pergerakan tulisan yang diinginkan dan sesuai dengan template blog anda.
Kode perintah (kode dasar) dalam membuat marque atau tulisan berjalan adalah:
<marquee>TULISAN INI YANG AKAN BERJALAN</marquee>Hasil tampilannya:
Selain kode dasar marquee diatas, tulisan berjalan terdapat beberapa variasi, diantaranya adalah:
- Mengubah kecepatan pergerakan dari kecepatan standar.<marquee scrolldelay="500">KECEPATAN TULISAN INI DELAY 0.5 DETIK</marquee>
Anda bisa memakai kode scrolldelay="angka kecepatan", angka kecepatan dalam milidetik, jadi ketika angka kecepatan anda tulis 500, maka jeda pergerakan adalah 500milidetik atau 0.5 detik (setengah detik)
Contoh kode marquee:
Hasil tampilannya:
- Mengubah media teks yang bergerak.<marquee width="50%">TULISAN INI MEMAKAI 50PERSEN DARI BISANG YANG ADA</marquee>
Kali ini saya akan menggunakan satuan % dalam penerapannya. Anda bisa memakai kode width="lebar bidang", jika anda memakai angka 50% maka area untuk text berjalan akan memakai setengahnya dari lebar bidang yang tersedia. bingung?? kita lihat penerapannya ya...
contoh kode marquee:
Hasil tampilannya:
- Membuat tulisan berjalan dan akan berhenti ketika dilintasi KURSOR MOUSE<marquee onmouseover="this.stop()" onmouseout="this.start()">TULISAN MARQUEE INI AKAN BERHENTI KETIKA KURSOR MELINTAS</marquee>
Anda bisa memakai kode onmouseover="this.stop()" onmouseout="this.start()", jika tulisan berjalan itu terlintasi kursor mouse komputer maka otomatis tulisan berjalan akan berhenti selama kursor tersebut berada diatas tulisan berjalan tersebut.
Contok kodenya:
Hasil tampilannya:
Demikian post hari ini,semoga bermanfaat bagi anda...thanks :)
No comments:
Post a Comment