Membuat Tulisan Berjalan atawa efek Marquee

Apa sich itu Marquee atau tulisan yang berjalan? mungkin bwat para blogger baru kata marquee kurang akrab aja di telinga kita , padahal efek marquee ini sering kita lihat pada website atau blog yang sering kita kunjungi. Marquee adalah kode HTML yang bisa membuat teks bisa berjalan, dari kiri, kanan, bawah ataupun atas.

Teks berjalan atau marquee ini banyak diminati oleh para blogger, karena sifatnya yang dinamis, selain untuk menghemat tempat juga bisa menarik pengunjung. Seperti yang sobat lihat di atas kolom sidebar ShoutMix blog saya, ada menu yang bergerak dari kanan ke kiri,

Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes aceleration. Sebelum kita mulai, mari kita pelajari dulu fungsi dari masing-masing atributes.

Beberapa attributes yang sering digunakan dalam marquee yaitu:

1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :

* Alternate : Teks bergerak bolak-balik
* Slide : Teks hanya bergerak sekali saja
* Scroll : Teks bergerak ke satu arah secara kontinu

2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :

* Up : Teks bergerak keatas
* Down : Teks bergerak kebawah
* Left : Teks bergerak kekiri
* Right : Teks bergerak kekanan

3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda

4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain sebagainya.

5. Width : Untuk mengatur panjang / lebar ruangan teks dalam satuan pixel.

6. Height : Untuk mengatur tinggi ruangan teks dalam satuan pixel.

7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".

8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.

9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.

10. Loop: untuk mengatur jumlah pengulangan.

Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee:


Contoh 1: Efek teks berjalan bolak-balik secara horizontal:

** MoNgGo - MoNgGo **

kodenya adalah;

<p><marquee behavior="alternate" direction=""><span style="font-weight: bold; font-style: italic; color: rgb(51, 51, 255);"scrollamount="3" scrolldelay="10" width="450" bgcolor="yellow" >** MoNgGo - MoNgGo **</span></marquee></p>

Contoh 2: Efek teks berjalan kekanan secara terus menerus

kodenya adalah;

<p><marquee behavior="slidedirection'right"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 56px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNP4fH_QIv8hYeFKp0dL-iazJPsnbgI8yGXtyQNUuY3USbF32WUdPOXh1qfVXPMd634lB5hymI6u44ifqNp3wU9jM75RV7OM-3wdbElXJHY8AoW2OS1m9g0Ve_YMRBJPcmpHm-pWFmwfqh/s320/lihat+lainnya.gif" alt="" id="BLOGGER_PHOTO_ID_5435318000124932242" border="0" /></marquee></p>

Cara memasang kode marquee pada blog:

1. Login ke Blogger. Klik menu Layout->Page Elements
2. Klik Add a Gadget. Klik tombol + pada HTML/ Javascript
3. Masukkan kode marquee yang ingin Anda gunakan lalu klik Save
4. Selesai. Klik View Blog untuk melihat hasilnya