Find What You Need

23 Des 2009

Cara Membuat Text Bergerak Dengan MARQUEE

  Pernah melihat Text yang bergerak saat anda mengunjungi Blog atau Website orang lain ? , tentu pernah bukan.
Untuk membuat text bisa bergerak anda hanya tinggal menambah kode marquee diantara tulisan yang anda buat.
Kodenya seperti berikut : <marquee>....</marquee>


Untuk menambah variasi biasanya ditambahkan atribut-atribut sebagai berikut :
Behavior : "scroll / slide / alternate" --> Untuk mengatur perilaku gerakan
Bgcolor ="warna" --> Untuk mengatur warna latar belakang / background teks
Direction ="left / right / up / down" --> Mengatur arah gerakan teks

Scroll --> Membuat teks bergerak berputar
Slide -->  Mengatur teks bergerak sekali lalu berhenti
Alternate --> Memngatur text supaya bolak balik dari kiri ke kanan
Title ="pesan" --> Pesan akan muncul saat mouse berada di atas teks

Scrollamount ="angka" --> mengatur kecepatan gerakan, semakin besar angka semakin cepat gerakannya. 
Scrolldelay ="angka" --> Untuk mengatur gerakan tunda waktunya dihitung dalam mili detik 
Loop ="angka|-1|infinite" --> Mengatur jumlah loop 
Width ="lebar" --> Mengatur lebar blok teks dalam persen atau dalam pixel

Sebagai contoh  saya akan membuat marquee dengan gerakan :

<Marquee align="center" direction="right" height="20" scrollamount="2" width="50%">
marquee dari kiri ke kanan
</marquee>

Hasilnya akan seperti ini :
marquee dari kiri ke kanan


Untuk merubah gerakan silahkan anda ganti pada Direction dengan left, up, atau down.

Contoh marquee dengan perilaku :

<Marquee align="center" direction="left" height="20" scrollamount="3" width="70%" behavior="alternate">
marquee dengan perilaku
</Marquee>

Hasilnya akan seperti ini :

marquee dengan perilaku


Kemudian yang ini contoh marquee yang ditambahkan warna latar belakang :

<MARQUEE align="center" direction="left" height="20"  bgcolor="blue" scrollamount="3" width="70%" behavior="alternate">
marquee dg warna background
</MARQUEE&gt;


Contoh hasilnya seperti ini :

marquee dg warna background


Selamat berkreasi.

                                                **** Semoga Berhasil ****

Untuk mendapatkan informasi dan postingan terbaru dari blog ini, silahkan ketikkan email anda di form berlangganan. Gratiiiis...

Berlangganan Lewat RSS

3 komentar:

chukie666 Pada 3 November 2010 pukul 09.34 mengatakan...

klo kita mau taruh tepat di header bagaimana caranya bro?? :-/

Lucy Pada 6 Juli 2017 pukul 00.35 mengatakan...

I loved the content, I found it very relevant!
Highly recommend!

Jônatas Pada 6 Juli 2017 pukul 07.47 mengatakan...

I finally found what I was looking for! Many thanks and congratulations for the blog!

Posting Komentar

Biar tambah semangat nulis blognya,ketikkan saran dan komentar. Walaupun singkat tetapi saran dan komentar yang anda berikan sangat berarti buat blog ini.

Ketikkan Karakter Jika Ingin Memasang Emoticon.
:)):)];));;):D;):p:((:):(:X=((:-o:-/:-*:|8-}~x(:-tb-(:-Lx(=))

Artikel Yang Lainnya

 

My Best Friend

Mengenai Saya

Foto saya
Sebagai tempat belajar dan menyimpan arsip jika saya membutuhkannya suatu waktu, dan semoga menjadi ilmu yg Bermanfaat bagi Orang yang membacanya .

Visitor

free counters

Belajar Bersama Copyright © 2009 Template Wanaking Di Desain Ulang Oleh Albaniyu | Blogger Template