Tutorial - Bagaimana nak Buatkan Ayat Bergerak-gerak?
Marquee tag digunakan untuk menggerakkan sama ada perkataan ataupun gambar. Dalam contoh ni, saya akan tunjukkan beberapa cara untuk mmmenggunakan Marquee tag ini untuk menggerakkan ayat korang.
1. Seperti yang korang lihat di atas, Teks ni bergerak ke kiri dan ke kanan. Korang boleh gunakan kod dibawah ni untuk melakukan tricks tersebut.
<marquee direction="right">This text scrolls right...</marquee>
Apa yang korang perlu buat ialah, gantikan teks yang bewarna kuning kepada arah mana korang nak teks tu Scroll. Korang boleh pilih sama ada - up, down, right, lef.
2. Korang boleh mengubah kelajuan teks dengan menggunakan kod di bawah ni.
<marquee scrollamount="30">Teks ni Macam Ferari..</marquee>
Tukarkan nombor yang bewarna Oren untuk mengubah kelajuan.
<marquee scrolldelay="300">Teks ni Macam Siput..</marquee>
3. Tukarkan nombor yang bewarna hijau untuk mengubah kelajuan.
Untuk membuatkan teks korang melantun macam di atas ni. Gunakan kod di bawah.
<marquee behavior="alternate">Teks ini Melantun</marquee>
4. Ok. Seterusnya cara untuk menetapkan ruangan untuk Marquee bergerak
<marquee width="200">Teks ini bergerak dalam kelebaran 200 width</marquee>
Korang boleh tentukan width mengikut kesukaan korang dengan menukarkan nombor yang bewarna pink.
5. Seterusnya saya akan menggabungkan beberapa kod Marquee ini bersama.
Ini merupakan kod yang saya gunakan untuk membuat teks bergerak seperti yang di atas.
<marquee behavior="alternate" width="400" scrollamount="30">Teks Paling Awesome</marquee>
Sekarang, korang boleh cuba dalam blog korang, korang juga boleh gabungkan kod-kod marquee ni mengikut kesesuaian korang masing-masing.
Senyum :D
Tags: Tutorial Blog, Tutorial Blog Buatkan Ayat Bergerak, Tutorial Blog Melayu, Cara Buat Blog, Cara Bina Blog, Tutorial Blogspot, Tutorial Blogger, Ayat bergerak menggunakan HTML Marquee
menarik lah :)
ReplyDelete