Jaringan

Membuat Efek Marquee atau Berjalan

Banyak cara untuk memanjakan para pengunjung blog kita. Salah satunya dengan memberi teks marquee.. Apa itu marquee?? untuk para blogger pro yang udah lama ngeblogging pasti dah tau apa itu marquee. Tapi saya akan memberikan info ini untuk para blogger pemula.

Teks marquee adalah teks yang bisa berjalan dalam bahasa HTML. Berjalan?? maksudnya tulisannya bisa bergerak ke kanan, ke kiri, ke atas, ke bawah, mantul, zig zag, dan lain-lain tergantung kita menulis kode script nya, gituu..   kalau belom ngerti juga maksudnya, nih saya berikan contoh nya dibawah ini...

Fungsi teks html yang sering di gunakan adalah :

-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

1. Contoh marquee dari gerakan :

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

marquee bergerak ke kanan lalu ke kiri

</MARQUEE>

hasilnya :

marquee bergerak ke kanan lalu ke kiri

2. Contoh marquee bergerak ke atas : 
 
<marqueeonmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> 

silahkan tunjuk ke sini 

</marquee>

hasilnya :


silahkan tunjuk ke sini

 
3. Contoh marquee yang di dalam nya terdapat link : 

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

<a href="http://i4you.blogspot.com" target="new">Rubrik Elektronik</a><br/>

<a href="http://rozhequen.blogspot.com" target="new">Electronic Rubric </a><br/> 

<a href="http://ahmadroziqin.blogspot.com" target="new">Kolom iklan </a><br/> 

</marquee> 
hasilnya



Im for you Site


Rozhequen Site


Ahmad Roziqin Site

Share