ShoutMix chat widget
Bhokalor

25 Des 2010

Memasang Tulisan Berjalan / Marque

Efek tulisan berjalan ( Marquee ) adalah suatu program HTML untuk membuat teks agar bisa bergerak / berjalan yang merupakan suatu perintah yang dapat kita atur sesuai keinginan. Kode HTML ini banyak sekali di pakai olehpara blogger, karena memang menarik pengunjung untuk melihatnya dan menghemat tempat pada halaman blog. Ada beberapa macam kode marquee untuk model perilaku geraknya ... antara lain :

<marquee>TEXT</marquee>

Kode untuk perilaku gerakan dari kanan ke kiri


<marquee direction="right">TEXT</marquee>

Kode untuk perilaku gerakan dari kiri ke kanan


<marquee behavior="alternate">TEXT</marquee>

Kode untuk perilaku gerakan berjalan ke kiri dan ke kanan


<marquee direction="up">TEXT</marquee>

Kode untuk perilaku gerakan berjalan ke atas


<marquee direction="down">TEXT</marquee>

Kode untuk perilaku gerakan berjalan ke bawah


<marquee direction="up" behavior="alternate">TEXT</marquee>

Kode untuk perilaku gerakan berjalan ke atas dan ke bawah


<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>

Kode untuk perilaku gerakan terbang zigzag


<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee>

Kode untuk perilaku gerakan berjalan zigzag ke atas dan ke bawah

<marquee behavior="alternate" width="10%">>></marquee>TEXT<marquee behavior="alternate" width="10%"><<</marquee>

Kode perilaku untuk menampilkan tanda panah ke teks


<font ><marquee direction="left" style="background:BLUE">TEXT</marquee></font>

Kode untuk perilaku gerakan berjalan dari kanan ke kiri dengan latar belakang warna, anda bisa merubahnya dengan kode warna lain


<marquee style="border:BLUE 2px SOLID">TEXT</marquee>

Kode untuk perilaku gerakan berjalan dari kanan ke kiri dengan dikelilingi garis tepi (border)


<marquee behavior="alternate"><marquee width="150">TEXT</marquee></marquee>

Kode untuk perilaku gerakan berjalan dengan hanya menampilkan bagian depan textnya saja atau hidden marquee


<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>TEXT<br>TEXT</center></marquee>

Kode untuk perilaku gerakan berjalan seperti gelombang ombak ke atas dan ke bawah
Keterangan :
+ Ganti tulisan Text dengan tulisan yang akan di tampilkan sesuai keinginan.

Cara membuatnya :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. Copy Paste Script yang ada tinggal anda edit saja
4. Klik Simpan dan selesai

Ada variasi lain dari marquee lagi, yaitu ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee tsb. Kodenya di bawah ini :




<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
ada Juga Tex Marque Yang berisi Link,,

kodenya :

<marquee direction="up" scrollamount="2" align="center">
<a href="ganti dengan alamat link">Nama tampilan link</a><br/>
<a href="http://www.facebook.com/AkbarMerenda//">Facebook</a><br/>
<a href="http://www.merenda04.co.cc/">Home</a><br/>
</marquee>
Silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.

Selamat ber-eksperimen ...


0 komentar:

Posting Komentar

IP
English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified