Harry Potter - Golden Snitch

Tutorial - Buatkan Ayat Bergerak Menggunakan HTML Marquee Tag


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.

Teks Bergerak Ke Bawah...
Teks Bergerak Ke Kanan...
Teks Bergerak Ke Kiri...

Teks Bergerak Ke Atas...



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.

Teks ni Macam Ferari..

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.

Teks ni Macam Siput..


<marquee scrolldelay="300">Teks ni Macam Siput..</marquee>


3. Tukarkan nombor yang bewarna hijau untuk mengubah kelajuan.

Teks ini Melantun

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

Teks ini bergerak dalam kelebaran 200 width


<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.

Teks Paling Awesome

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

1 comment:

Don't forget to drop your comment.. Thanks ya!

Tutorial Blog Tutorial Blog Tutorial Blog
Creative Commons License
Khaiangel (Dot) Com is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
.
©KhaiAngel.Blogspot.Com All Rights Reserved