Cara Membuat Marquee Atau Tulisan Bergerak

Pada kesempatan kali ini, saya akan memberikan kupulan marquee. Apaan tuh? Marquee adalah tulisan bergerak, Saya punya 8 gerak untuk tulisan berjalan. Mari kita simak!

1. Login ke blogger anda
2. Klik Rancangan
3. Tambah gadget kode html
4. Masukkan dengan kode berikut :

a.) Tulisan Berjalan kekanan atau kekiri

Ke kanan

Ke kiri

Kode :

<marquee behavior="scroll" direction="right">Tulisan yang ingin anda tampilkan</marquee><br />

b.) Tulisan berjalan dengan gambar



Tulisan dengan gambar



Kode :
<marquee behavior="scroll"><br /> <img src="Url gambar yang akan anda tampilkan" width="110" height="84"><br />Tulisan yang ingin anda tampilkan<br /> </marquee><br />

c.) Tulisan Berjalan keatas




Tulisan berjalan keatas


Kode :
<marquee height="50" behavior="scroll" direction="up">Tulisan yang ingin anda tampilkan</marquee>

d.) Tulisan Memantul

Tulisan Memantul

Kode :
<marquee width="300" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee>

e.) Tulisan Berjalan Bila Didekati Cursor Berhenti

Tulisan Berjalan Bila Didekati Cursor Berhenti

Kode :
<marquee onMouseOver=this.stop() onMouseOut=this.start()>Tulisan yang ingin anda tampilkan</marquee>

f.) Tulisan Bergerak Zig-Zag


Tulisan Bergerak Zig-Zag


Kode:

<marquee behavior="alternate" direction="up" height="50px"><br /> <marquee direction="right">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee>

g.) Tulisan Berputar


Tulisan Berputar

Kode :
<marquee behavior="alternate" direction="up" width="300" height="100"><br /> <marquee direction="right" behavior="alternate">Tulisan yang ingin anda tampilkan</marquee><br /> </marquee><br />


h.) Tulisan Bergerak Lambat


Tulisan Bergerak Lambat

Kode :
<marquee behavior="scroll" scrolldelay=32 scrollamount=1>Tulisan yang ingin anda tampilkan</marquee>

5. Yang Terakhir klik tombol simpan

NB: Saya beri keterangan, sebagai contoh saja, tulisan berwarna HIJAU di atas seperti "up" , "right", "50px", "300", dll, bisa anda ganti untuk menyesuaikan arah, kecepatan, tinggi, lebar, dan lainnya.

Selamat Mencoba!!!
Category: 0 komentar

0 komentar:

Posting Komentar

Silahkan berikan komentar atas kritik, saran, dan kesan anda pada post ini. Mohon tidak melakukan SPAM. Dan jika ada DEAD LINK, mohon laporannya, terima kasih.


Terima kasih atas kunjungan anda :::Semoga blog ini bermanfaat bagi anda semua:::