Welcome to My Website

Membuat Marquee

Posted by : Aji Setio Aji Friday, September 17, 2010


Marquee adalah sebuah text yang dapat berjalan dari kiri ke kanan, kanan ke kiri, bawah ke atas, dan atas ke bawah. Marquee sangat popular diminati dan digunakan di Blog maupun web karena dengan marquee, Blog atau web akan semakin menarik, di samping itu juga dapat menghemat tempat.

Contoh beberapa marquee :

Marquee dari dari kanan ke kiri

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Hasilnya adalah sebagai berikut:



Selamat datang di Blog-nya mas Aji



Marquee dari kiri ke kanan

<MARQUEE align="center" direction="left" height="200" scrollamount="2" width="30%">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Hasilnya adalah sebagai berikut:



Selamat datang di Blog-nya mas Aji



Marquee dari atas ke bawah

<MARQUEE align="center" direction="up" height="200" scrollamount="2" width="30%">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Hasilnya adalah sebagai berikut:



Selamat datang di Blog-nya mas Aji


Marque dari bawah ke atas

<MARQUEE align="center" direction="down" height="200" scrollamount="2" width="30%">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Hasilnya adalah sebagai berikut:



Selamat datang di Blog-nya mas Aji



Marquee dengan pola gerakan bolak balik (dari kiri ke kanan lalu kembali dari kanan ke kiri)

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Maka Hasilnya adalah sebagai berikut:



Selamat datang di Blog-nya mas Aji



Marquee dengan pola gerakan satu kali saja

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="slide">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Hasilnya adalah sebagai berikut:



Selamat datang di Blog-nya mas Aji



Marquee dengan pola gerakan berputar atau berjalan terus

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="scroll">

Selamat datang di Blog-nya mas Aji

</MARQUEE>

Maka Hasilnya adalah sebagai berikut:



Selamat datang di Blog-nya mas Aji



Marquee dengan variasi huruf dan warna latar belakang

<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">

</MARQUEE></b></FONT></div>

Maka Hasilnya adalah sebagai berikut:


&ltFONT FACE=“georgia” color=“White”>



Marquee dengan variasi apabila mouse berada di atasnya, maka marquee tersebut akan berhenti

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

Untuk mencobanya silahkan arahkan mouse anda ke marquee ini

</marquee>

Lihat hasilnya:



Untuk mencobanya silahkan arahkan mouse anda ke marquee ini



Marquee yang di dalamnya terdapat link

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://kemayarancity.Blogspot.com" target="new">Coba klik di sini untuk menuju ke Rahasia Blog</a><br/>

<a href="http://kemayarancity.Blogspot.com" target="new">Rahasia Blog</a><br/>

<a href="http://dunia-chord.Blogspot.com" target="new">Kumpulan Chord Guitar </a><br/>

<a href="http://dunia-chord-artikel.Blogspot.com" target="new">Artikel Guitar </a><br/>

</marquee>

Lihat hasilnya:




Untuk lebih jelasnya tentang code-code di atas, saya jabarkan berikut ini:

BGCOLOR="warna" = Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" = Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" = Untuk mengatur perilaku gerakan

Scroll = teks bergerak berputar
Slide = teks bergerak sekali lalu berhenti
Alternate = teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE="pesan" = Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" = mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" = Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" = Mengatur jumlah loop

WIDTH="lebar" = Mengatur lebar blok teks dalam pixel atau persen

Selamat mencoba…

0 komentar

Post a Comment

Undangan Pernikahan Online

Undangan Pernikahan Online
Undangan Pernikahan Online dalam bentuk web. Praktis dan mudah dibagikan.

Email Subscriptions


Enter your email address:

Delivered by FeedBurner


Translator


English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified
The Best Translator

Followers

About Me

My photo
Ngeblog adalah hobi saya sejak dalam kandungan (hahahah), Thanks buat semuanya yang udah berkunjung ke blog ane, semoga bermanfaat..