Cara Membuat Teks Bergerak

Ada berbagai jenis teks bergerak yang boleh anda buat untuk mencantikkan blog. Untuk membuatnya adalah sangat mudah dan anda hanya perlu mengikuti beberapa langkah di bawah :

<marquee>Teks bergerak</marquee>

1)Kod di atas ini akan menjadi begini :


Teks bergerak

2)Untuk ubah perkataan bergerak dari kiri ke kanan gunakan kod nie pula:

<marquee direction="right" >dari kiri ke kanan</marquee>

dari kiri ke kanan

Kod berwarna merah di atas adalah kod yang saya tambah untuk menjadikannya bertukar arah


3)Perkatan pergi dan balik (lihat contoh di bawah)

<marquee behavior="alternate" direction="left" bgcolor="#FCF81F" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">Selamat Datang Ke probuatblog.blogspot.com</marquee>

Selamat Datang Ke probuatblog.blogspot.com

Nota : (anda boleh menukar kelajuan dengan melihat cara di bawah)


4)Bergerak dengan setting masa sendiri

<marquee direction="right" scrollamount="10" >dari kiri ke kanan dengan tempoh masa 10</marquee>

dari kiri ke kanan dengan tempoh masa 10

Nota : tukarkan perkataan scrollamount di atas ini dengan masa yg anda kehendaki

5)Berhentikan tulisan y sedang berjalan(sila halakan mouse pada tulisan di bawah)

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkankan mouse pada teks,berhenti</marquee>

arahkankan mouse pada teks,berhenti

6)Untuk membuat tulisan naik,turun cuba kod di bawah nie

<marquee behavior="alternate" direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" bgcolor="#FCF81F"><marquee direction="right" behavior="alternate">Selamat Datang Ke stylishtutorial.blogspot.com/</marquee></marquee><br />

Selamat Datang Ke stylishtutorial.blogspot.com

Nota(warna backgroung boleh di ubah mengikut kesukaan anda dengan menukar kod bgcolor)

7)Tulisan bergerak bersama gambar

<table style="border-collapse: collapse; width: 338px; height: 75px;" background="http://i822.photobucket.com/albums/zz147/amykozo/BANNAER-PRO-2.gif" border="1" bordercolor="white&quot;><tbody><tr><td><span style="font-family:arial black;font-size:+30;color:#FF0000;"><marquee><img style="width: 30px;height:30px;"src="http://i822.photobucket.com/albums/zz147/amykozo/PinkPantherBlackGirlsTee2.jpg" />Selamat Datang ke stylishtutorial.blogspot.com</marquee></span></td></tr></tbody></table>

Selamat Datang ke stylishtutorial.blogspot.com/

8)Untuk menghasilkan tulisan dan gambar seperti di atas ini,anda perlu mengikut beberapa langkah :

1)background "http://1.bp.blogspot.com/_-RTzkzFP6c0/TP0Qqz1YVEI/AAAAAAAAAB8/5nwXzp2zw98/s1600/jom.jpg" di ubah kepada link background anda

2)pada perkataan berwarna purple width:338px dan height: 75px perlu diubah kepada ukuran tinggi dan lebar gambar background anda.

3)bordercolor="white" iaitu warna border di ubah kepada warna border pilihan anda.

4)font-size:+30 di ubah kepada saiz font pilihan anda dan mengikut kesesuaian tinggi gambar background

5)Colour:#FF0000 di ubah kepada kod warna pilihan.

6)width: 30px dan height: 30px di ubah kepada ukuran saiz gambar yang bergerak di atas gambar background.

7)src="http://i822.photobucket.com/albums/zz147/amykozo/PinkPantherBlackGirlsTee2.jpg" di ubah kepada link gambar yang bergerak di atas background

8)Selamat Datang ke probuatblog.blogspot.com di ubah kepada teks pilihan anda.

9)Kat bawah saya bagi kod yg boleh anda gunakan jika anda seoang yg kreatif..anda boleh menambah kod2 di bawah sesuai dengan kod yg anda lihat di atas..

bgcolor=warna latar belakang
direction=arah gerakan (left,right,up.down)
behavior=karekter pergerakan (scroll,slide,alternate)
scroll(teks berputar)
slide(teks bergerak sekali dan berhenti)
alternate(teks bergerak dari kiri ke kanan dan berpatah balik)
Title=perkataan muncul semasa mouse berada di atas teks
Scrollamount=meletak kecepatan gerakan
Scrolldelay=mengatur tempoh masa
Loop=mengatur jumlah