Pages

Rabu, 18 Agustus 2010

Cara Membuat Teks Berjalan (Marquee) Ke Dalam Blog


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtaIQKjG-f2qQ84hcxJ7J9FF55lmB4twEhVnXLdFYzI8o9eGiFe6NTFP86OehAi2_avXFpSL_t1M-bY60c-9xS9kh4UQt562VrJnmFVkFxTOkIY8qsGDIMEgvGNvUWamZCx3XMWVAmcJAN/s320/marquee.jpg

Kamu pasti bingung melihat sebuah teks yang bisa berjalan-jalan di sebuah Blog / Website. Sama, saya juga bingung kenapa teks di sebuah Blog / Website dapat berjalan seperti itu? Terlihat lucu, yach? Namun, tidak sulit kiranya jika telah mengetahui caranya.


Ok, dalam artikel kali ini, saya akan memberi wawasan tentang teks berjalan atau biasa disebut juga dengan "Marquee".

Apakah Marquee itu ???
Marquee ialah teks berjalan dalam HTML, yang dapat dipergunakan oleh para pemilik Blog / Website untuk memberi pesan pada halaman pada Blog / Website yang dimilikinya. Ada bermacam-macam jenis Marquee, tergantung dengan kebutuhan dan selera penggunanya.

Tanpa berpanjang lebar lagi, dibawah ini adalah contoh-contoh sebagian kecil penggunaan Marquee pada teks. Untuk memudahkan penggunaannya, akan saya kasih title pada masing-masing Marquee, dari yang 1.0 sampe yang 3.03.

Tinggal copy code tag HTML yang kamu suka, lalu ganti teks yang ada dalam Marquee ("Ketik teks kamu disini") tersebut dengan pesan yang kamu inginkan. Kemudian, kamu paste code HTML tersebut ke dalam Gadget ke HTML/JavaScript di Blog / Website kamu. Okeh!


* Marquee 1.0 *
Marquee ini berjalan secara default (dari kanan ke kiri).

Ketik teks kamu disini

Kode HTML :
<marquee>Ketik teks kamu disini</marquee>


* Marquee 1.01 *
Pengembangan dari Marquee 1.0, keistimewaanya adalah jika kamu arahkan mouse pada teks, maka ia akan sejenak berhenti dari perjalanannya.

Ketik teks kamu disini

Kode HTML :
<marquee onmouseover="this.stop()" onmouseout="this.start()">Ketik teks kamu disini</marquee>


* Marquee 1.02 *
Marquee ini menggunakan teks Arabic, Marquee berjalan sebaliknya (dari kiri ke kanan).

Ketik teks kamu disini

Kode HTML :
<marquee direction="right">Ketik teks kamu disini</marquee>


* Marquee 2.0.6 *
Marquee ini memiliki kemampuan untuk menendang dinding, hingga berjalan bolak-balik kayak orang bingung.

Ketik teks kamu disini

Kode HTML :
<marquee behavior="alternate">Ketik teks kamu disini</marquee>


* Marquee 2.0.9 *
Pengembangan dari Marquee sebelumnya ini agak sedikit agresif, karena ditambahkan script scrollamount.

Ketik teks kamu disini

Kode HTML :
<marquee behavior="alternate" scrollamount="18">Ketik teks kamu disini</marquee>


* Marquee 2.9.5 *
Marquee ini sudah di pasang timer, jadi jika mouse kamu mengarah ke tulisan, ia akan berhenti tanpa perlawanan.

Ketik teks kamu disini

Kode HTML :
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Ketik teks kamu disini</marquee>


* Marquee 3.02 *
Marquee satu ini suka sekali dengan ketinggian, buktinya dia jalannya ke atas (UP). Jika kamu punya teks yang banyak, Marquee ini salah satu pilihan tepat.

Ketik teks kamu disini

Kode HTML :
<marquee direction="up">Ketik teks kamu disini</marquee>


* Marquee 3.03 Super Duper *
Marquee ini dipasangi timer bom, bisa berhenti jika tersentuh. Hebatnya lagi, Marquee ini bisa diatur kecepatannya (scrollamount), Lebarnya (Width), ketinggiannya (Height).
Scrollamount semakin kecil angkanya, semakin lambat dia berjalan, dan sebaliknya.
Width dan Height sesuaikan dengan ukuran kebutuhan kamu.

Ketik teks kamu disini

Kode HTML :
<marquee direction="up" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" width="100%" height="100">Ketik teks kamu disini</marquee>


* Marquee 3.0.4 Execelent *
Marquee ini berjalan secara otomatis, masih dari pengembangan marquee sebelumnya.

Ketik teks kamu disini

Kode HTML :
<marquee direction="up" scrollamount="2" align="center" width="100%" height="100">Ketik teks kamu disini</marquee>


* Marquee 3.0.5 Halilintar *
Sesuai namanya, Marquee ini berjalan dari atas ke bawah layaknya halilintar, tanpa bisa diganggu sedikit pun. Berjalan berlawanan arah dari versi sebelumnya.

Ketik teks kamu disini

Kode HTML :
<marquee direction="down" width="100%" height="100">Ketik teks kamu disini</marquee>


Semoga artikel kali ini tidak membuat kamu sakit kepala, yach! Dan dapat mempercantik blog / website kamu sesuai dengan yang diinginkan.

Selamat mencoba!

GutLak !!! (",)\m/




Sumber : artikelinternet.com, learn-website.blogspot.com, berbagai sumber lainnya
Editor : AdeL`FarouK

Tidak ada komentar:

Posting Komentar

“Hello friend, jika artikel di atas menarik menurut kamu, jangan lupa berikan sepatah dua patah kata komentarnya ya.”