Apa kabar teman? hari ini saya mau memberikan sebuah tips Cara Membuat Efek Marquee. Apa sih yang di maksud Marquee itu?? Marquee adalah suatu program HTML
yang membuat teks bisa bergerak atau berjalan. Seperti halnya membuat Kotak Scrollbar, marquee
juga digunakan untuk menghemat ruang blog kita dan bisa mempercantik
tampilan blog karena bentuknya yang dinamis.
Ok. lets go, NOW...!!
Ada beberapa macam bentuk tampilan marquee, berikut adalah contoh
marquee dan code script-nya:
1. Marquee Berhenti Jika Diarahkan Mouse
Kode scriptnya:
<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="35%"><br /><a href="http://roomfacebookers.blogspot.com/search/label/Tips20%&amp;20%Tutorial20%Facebook" target="_blank">Tips & Tutorial Facebook</a><br /><br />
<a href="http://roomfacebookers.blogspot.com/search/label/Aplikasi20%Facebook" target="_blank">Aplikasi Facebook </a><br /><br /><a href="http://roomfacebookers.blogspot.com/search/label/Layout20%Facebook">Layout Facebook </a></marquee>
<a href="http://roomfacebookers.blogspot.com/search/label/Aplikasi20%Facebook" target="_blank">Aplikasi Facebook </a><br /><br /><a href="http://roomfacebookers.blogspot.com/search/label/Layout20%Facebook">Layout Facebook </a></marquee>
2. Marquee Searah Dari Kiri ke Kanan Tanpa Border
Kode scriptnya:
<marquee align="center" direction="left" height:="30" width:="90%"><span class="fullpost"><b><span style="color: #3b5998; font-size: small;">ROOM-Facebook'ers: Tip & Tutorial | Aplikasi | Layout</span></b></span></marquee>
3. Marquee Searah Dari Kiri ke Kanan Dengan Border
Kode scriptnya:
<div style="background-color: white; border: 1px solid rgb(59, 89, 152); height: 30px; width: 90%;"><marquee align="center" direction="left" height:="30" width:="90%"><span class="fullpost"><b><span style="color: #3b5998; font-size: small;">ROOM-Facebook'ers: Tip & Tutorial | Aplikasi | Layout</span></b></span></marquee></div>
4.
Marquee Mundar-Mandir Tanpa Border
Kode scriptnya:
<marquee align="center" behavior="alternate" direction="left" height:
30px; width: 90%;"><span class="fullpost"><b><span
style="color: #3b5998; font-size: small;">...:: STAY TUNE IN
ROOM-FACEBOOKERS
ALWAYS ::...</span></b></span></marquee>
5.
Marquee Mundar-Mandir Dengan Border
Kode scriptnya:
<div style="background-color: white; border: 1px solid rgb(59, 89,
152); color: #3b5998; height: 30px; width: 90%;"><marquee align="center" behavior="alternate"
direction="left"><span class="fullpost"><b><span
style="color: #3b5998; font-size: small;">...:: STAY TUNE IN
ROOM-FACEBOOKERS
ALWAYS ::...</span></b></span></marquee></div>
6.
Marquee Dengan Variasi Huruf & Background
Kode scriptnya:
<div
align="left"><span style="color: white; font-family: Curlz MT; font-size: normal;"><b><marquee bgcolor="#3b5998" scrollamount="3"
height="30" width="90%">Cara Mambuat Efek
Marquee</marquee></b></span></div>
Notes: Teman-teman bisa sesuaikan kebutuhan, ganti dan atur lagi [ direction="right" atau left, up, down ] - [ height="30" atau di bawah / di atas 30 ] - [ width="90%" atau dibawah / di atas 90% ]
Ok. deh selamat mencoba, semoga
bermanfaat dan sukses buat
teman-teman...!! Jangan lupa kasih komentar ya…
Bagikan |
Bagi
teman2 yang
mau COPY PASTE artikel
yang ada di blog ROOM-Facebook'ers
ini jangan lupa menyantumkan link sumbernya atau Klik
Tombol di samping ini...!!
|
Tidak ada komentar:
Posting Komentar