Ketik artikel yang Anda cari di bawah ini...
Baca juga berita terbaru dari KepanjenFm.com
Loading...
Home » » Cara Membuat Tulisan Berjalan (Marquee) untuk Blog

Cara Membuat Tulisan Berjalan (Marquee) untuk Blog

Rabu, 15 September 2010 , Posted by Rey Arifin at 11.02

Untuk membuat supaya tulisan tersebut berjalan, yaitu dengan menambahkan perintah <marquee> di depan tulisan dan menutupnya dengan perintah </marquee>, seperti contoh berikut:

<marquee>TULISAN BERJALAN</marquee>

Hasilnya akan nampak seperti ini:

TULISAN BERJALAN


Mengatur tingkat kecepatan

Untuk mengatur tingkat kecepatan bergerak, tambahkan perintah scrollamount setelah perintah marquee, dengan nilai scrollamount ≠ 0 (jika nol tidak akan bergerak), seperti contoh berikut:

<marquee scrollamount="2">TULISAN BERJALAN</marquee>
<marquee scrollamount="3">TULISAN BERJALAN</marquee>
<marquee scrollamount="4">TULISAN BERJALAN</marquee>

Hasilnya akan nampak seperti ini:

TULISAN BERJALAN
TULISAN BERJALAN
TULISAN BERJALAN


Semakin besar nilai scrollamount-nya maka akan semakin cepat bergeraknya, demikian sebaliknya.
Mengatur arah pergerakan
Arah pergerakan marquee secara default akan bergerak dari kanan ke kiri (left). Kita dapat mengatur sendiri arah bergeraknya dengan menambahkan perintah direction, seperti contoh berikut:

<marquee scrollamount="2" direction="right">TULISAN BERJALAN</marquee>
<marquee scrollamount="2" direction="up" width="100%" height="50" align="center">TULISAN BERJALAN</marquee>
<marquee scrollamount="2" direction="down" width="100%" height="50" align="center">TULISAN BERJALAN</marquee>

Hasilnya akan nampak seperti ini:

TULISAN BERJALAN
TULISAN BERJALAN
TULISAN BERJALAN


Khusus untuk perintah arah atas (up) dan bawah (down), sebaiknya kamu menambahkan perintah pengaturan lebar (width) dan tinggi (height) supaya tidak terlalu tinggi atau terlalu pendek. tambahkan perintah align="center" supaya tulisan tersebut berada di tengah-tengah, tidak berada di sebelah kiri.
Membuat tulisan bolak-balik
Untuk membuat tulisan bolak-balik tambahkan perintah behavior="alternate", seperti contoh berikut:

<marquee behavior="alternate">TULISAN BOLAK-BALIK</marquee>

Hasilnya akan nampak seperti ini:

TULISAN BOLAK-BALIK

Untuk mengatur tingkat kecepatan dan arah pergerakan pada tulisan bolak-balik ini. Caranya seperti yang dijelaskan di atas.
Membuat tulisan bergerak menjadi diam dan bergerak lagi
Bagaimana untuk membuat tulisan bergerak menjadi diam jika ditunjuk oleh pointer mouse dan bergerak lagi setelah pointer mouse itu dijauhkan tambahkan perintah onmouseover="this.stop()" (perintah supaya berhenti) dan onmouseout="this.start()" (perintah supaya bergerak lagi) pada perintah-perintah tadi, seperti contoh berikut:

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN BOLAK-BALIK"</marquee>


Hasilnya akan nampak seperti ini (coba tunjuk oleh pointer mouse kamu):

TULISAN BOLAK-BALIK"


Menambahkan background warna

Untuk menambahkan backgound pada tulisan, tambahkan perintah bgcolor="warna" (warna: red, blue, orange, green, dll) atau perintah bgcolor="#kode warna" (kode warna dapat dilihat di Adobe Photoshop atau CorelDraw) pada perintah-perintah tadi, seperti contoh berikut:
<marquee behavior="alternate" direction="left" bgcolor="orange"><b>TULISAN BOLAK-BALIK</b></marquee>
<marquee behavior="alternate" direction="right" bgcolor="blue"><b>TULISAN BOLAK-BALIK</b></marquee>

Hasilnya akan nampak seperti ini:

TULISAN BOLAK-BALIK
TULISAN BOLAK-BALIK

Penambahan perintah dan penutup pada tulisan, supaya tercetak tebal. Jika menginginkan tulisan tercetak miring tambahkan , dan garis bawah tambahkan perintah .

www.reyarifin.blogspot.com

=================================================================

Anda ingin belajar lebih serius mengenai Komputer, Internet, Desain Grafis, Multimedia, Broadcasting, Jurnalis, Elektronika ? Segera ikuti program kursus di RIZALmedia Kursus bersama saya, Rey Arifin. Lebih cepat bisa. Pembelajaran bisa Online bisa Offline langsung datang ke tempat. Hubungi saya di : 0857 555 363 82

=================================================================

Facebook Profile saya:


Facebook Fanpage saya:

Baca juga Artikel yang lain :



Currently have 0 komentar:

Leave a Reply

Poskan Komentar