Cara Membuat Tulisan Berjalan (Marquee) di Blog

Bagaimana Sebenarnya Cara Membuat Marquee?

Tutorial Terbaru Cara membuat tulisan berjalan (marquee) di Blog

CARA MEMBUAT TULISAN BERJALAN (MARQUEE) DI BLOG

 

Cara Membuat Tulisan Berjalan (Marquee) di Blog

Mungkin anda pernah mengunjungi sebuah blog atau website yang terdapat tulisan berjalan & dalam hati anda bertanya, bagaimana cara membuat tulisan berjalan seperti itu yah?
 
Cara membuat tulisan berjalan (marquee)


Untuk membuat tulisan berjalan itu sangat mudah karena hanya dengan kode HTML sederhana sudah akan tercipta sebuah tulisan berjalan. Kode HTML untuk membuat tulisan berjalan di kenal dengan perintah Marquee. Kode dasar perintah marquee adalah sebagai berikut :

 <marquee> TULISAN YANG AKAN BERGERAK </marquee>

Hasilnya akan seperti ini :

TULISAN YANG AKAN BERGERAK

Selain kode dasar marquee, ada perintah lain (umumnya disebut sebagai atribut) yang di sisipkan untuk mengatur keindahan tampilan tulisan yang berjalan. Atribut yang sering di gunakan dalam kode marquee 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 geraka, semakin besar angka semakin cepat gerakannya.

scrolldelay="angka" » Untuk mengatur waktu tunda gerakan dalam mili deti.


loop="angka|-1|invinite" » Mengatur jumlah loop.

width="lebar" » Mengatur lebar blok teks dalam pixel atau persen.

Agar lebih menarik, kode marquee juga bisa dipadukan dg javascript sederhana, seperti "onmouseover="this.stop()" onmouseout="this.start()" . 

Agar lebih jelas akan saya sertakan contohnya :

Contoh marquee dari gerakan :

<marquee align="center" direction="left" height="200" scrollamount="2" width="30%"> marquee dari kanan ke kiri </marquee>

 Hasilnya akan seperti ini :

marquee dari kanan ke kiri

Ganti kata "left" dengan keinginan anda yaitu bisa : right,  up, down .

Contoh marquee dengan variasi hurup dan warna latar belakang : 

<div align="left"><font face="georgia" color="White"><strong><marquee bgcolor="red" width="70%" scrollamount="3" behavior="alternate"> </marquee></strong></font></div>

  Hasilnya akan seperti ini :

marquee dengan variasi huruf 

Tapi selain kode di atas ada beberapa tambahan kode untuk membuat variasi dari marquee.

Ini Marquee dengan memakai waktu, kodenya adalah : 

<marquee scrolldelay="500">TEKS BERJALAN DENGAN MEMAKAI WAKTU 0,5 DETIK</marquee>

  Hasilnya akan seperti ini :

TEKS BERJALAN DENGAN MEMAKAI WAKTU 0,5 DETIK

kode scrolldelay="angka" digunakan untuk mengatur jeda dalam milidetik, jadi untuk jeda 1 detik masukkan nilai 1000.

Lalu ini Marquee yang hanya memakai Lebar 50%, kodenya adalah :

<marquee width="50%">MARQUEE / TEKS BERJALAN HANYA LEBAR 50 PERSEN SAJA</marquee>

kode width="lebar" digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel atau persen.

Hasilnya akan seperti ini :

MARQUEE / TEKS BERJALAN HANYA LEBAR 50 PERSEN SAJA

Lalu ini Marquee yang memakai kecepatan, kodenya adalah :

<marquee scrollamount="12"> MARQUEE / TEKS BERJALAN DENGAN KECEPATAN 12!!!</marquee> 

kode scrollamount="angka" digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya maka akan semakin kencang Tulisan Marquee-nya.

Hasilnya akan seperti ini :
MARQUEE / TEKS BERJALAN DENGAN KECEPATAN 12!!!

Lalu ini Marquee Bolak-Balik, kodenya adalah :

<marquee behavior="alternate"> MARQUEE / TEKS BERJALAN YANG BERGERAK BOLAK-BALIK </marquee>

Hasilnya akan seperti ini :
MARQUEE / TEKS BERJALAN YANG BERGERAK BOLAK-BALIK

Lalu ini Marquee Balapan, kodenya adalah :

<marquee scrollamount="6"> MARQUEE / TEKS BERJALAN BALAPAN </marquee><marquee scrollamount="8"> MARQUEE / TEKS BERJALAN BALAPAN </marquee><marquee scrollamount="10"> MARQUEE / TEKS BERJALAN BALAPAN </marquee>

 Hasilnya akan seperti ini :
MARQUEE / TEKS BERJALAN BALAPAN 1 MARQUEE / TEKS BERJALAN BALAPAN 2 MARQUEE / TEKS BERJALAN BALAPAN 3

Lalu ini Marquee Memakai Border, kodenya adalah :

<marquee style="border: BLUE 2px SOLID;"> < marquee style="border: blue 2px SOLID; <a href=”http:// caramembuatwebsitepemula.com.com/ “>CARA MEMBUAT TEK BERJALAN / MARQUE BAGIAN 1"> </a><a href=http://www.caramembuatwebsitepemula.com> CARA MEMBUAT TEK BERJALAN / MARQUE BAGIAN 2"> </a></marquee>

 Hasilnya akan seperti ini :

CARA MEMBUAT WEBSITE PEMULA          BONGKAR SEO GOOGLE


Lalu ini Marquee Bolak-Balik Memakai Gambar atau poto, ini kodenya :

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="<a href=http://www.caramembuatwebsitepemula.com ><a href="http://www.
caramembuatwebsitepemula.com" class="style4" target="_blank"><img src="http://rahasiawebsitepemula.com/member/banner-rwp8.jpg"></a> </a></marquee> 

  Hasilnya akan seperti ini :


Demikian artikel yang sangat sederhana ini tentang Cara Membuat Blog Gratis mengenai tentang Cara Membuat Tulisan Berjalan (Marquee) di Blog. Semoga bermanfaat bagi anda, Terima Kasih telah berkunjung, silahkan tinggalkan jejakmu wahai para blogger di komentar blognya...