Laman

4 November 2011

Cara Membuat Efek Marque atau Texk Berjalan

 Yaps, sesuai judul memang kita akan membahas Cara Membuat Efek Marque ata Text berjalan, apa itu text marque..?? mungkin bagi yang sudah lama berkecimpung di dunia blogger sudah ga asing lagi sama kata marque, kalau menurut saya Marque itu adalah suatu perintah dalam bahasa kode HTML, yang berfungsi untuk membuat sesuatu / text bergerak. Pada awalnya si saya brosing cara buat text berjalan ke kanan, dan ternyata ada sobat blogger ada yang posting tidak hanya berjalan ke kanan saja,mau tau apa saja? baiklah ini dia beberapa kode perintah HTML nya :

1. Teks Berjalan Kekiri Kekanan Tiga Kali : Berjalan Kekanan Tiga Kali
 Kodenya :
<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="50" width="450px"> Berjalan Kekanan Tiga Kali</marquee></font>


2. Teks Berhenti Jika Mouse Menyentuh Daerah Marquee : Teks Berhenti Jika Mouse Menyentuh Daerah Marquee
 Kodenya :
<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()"> Teks Berhenti Jika Mouse Menyentuh Daerah Marquee</marquee></font>


3. Teks Berjalan Efek Bounce : Teks Berjalan Efek Bounce
 Kodenya :
<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2"> Teks Berjalan Efek Bounce</marquee></marquee></font>



4. Teks Berjalan Kekiri Sekali Saja : Berjalan Kekiri Sekali
Kodenya :
<font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100"> Berjalan Kekiri Sekali</marquee></font>


5. Teks Bergerak Bolak - Balik Secara Horizontal : Teks Bolak-Balik Horizontal
Kodenya :
<font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10">Teks Bolak-Balik Horizontal</marquee></font>


6. Teks Bergerak Bolak-Balik Secara Vertikal :
Teks Bolak-Balik Vertikal

Kodenya :
<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10">
Teks Bolak-Balik Vertikal</marquee></font>


7. Untuk efek marquee yang berjalan ke kiri dan ke kanan :
Bergerak ke kiri dan ke kanan

Kodenya :
<marquee align="center" direction="left" scrollamount="3" behavior="alternate" width="50%" height="200">
Bergerak ke kiri dan ke kanan
</marquee>


8. Effek marquee Membari  warna backgroundnya :

Marquee dengan efek warna

Kodenya :
<div align="left"><span><b><marquee scrollamount="3" behavior="alternate" bgcolor="RED" width="50%">
Marquee dengan efek warna
</marquee></b></span><b></b></div>


9. Untuk efek marquee yang berjalan ke kanansvara continue : Teks Kekanan Continue
Kodenya :
<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10"> Teks Kekanan Continue</marquee></font>


Cara Pasang Kode Effel Merquee >>>
Anda sudah tau kode - kodenya sekarang tugas anda memasukkan kode - kode HTML javascribnya ke dalam sidebar blog anda, Cara pasang code teks berjalan pada Sidebar blog adalah sebagai berikut :

    Login ke Blogger dengan ID anda.
    Klik Layout / Tata Letak.
    Klik Add Gadget / Tambah Gadget di lokasi yang Anda inginkan.
    Pilih HTML/Javascript.
    Copy paste code HTML diatas ke dalam Content yang telah tersedia.
    Klik Tombol Simpan.

Bagaimana Kalau di pasang di posting??? Jika cara pasang code HTML ke dalam postingan, anda cukup copy paste kode tersebut ke dalam content postingan Anda, Keterangannya :

    Width            : Untuk mengatur panjang ruangan teks dalam satuan pixel.
    Height           : Untuk mengatur lebar ruangan teks dalam satuan pixel.
    Scrolldelay    : Untuk mengatur waktu tunda gerakan dalam satuan mili detik.
    Scrollamount : Untuk mengatur kecepatan gerakan dalam satuan pixel.

    Dari kode di atas, yang kita tambahkan adalah kode yang berwarna merah bisa anda ganti dengan teks anda sendiri, bisa juga gambar.
bagaimana, sangat mudah kan? Jika ada masalah, silahkan komentar, jika ini berhasil silahkan dinikmati.

Related Posts Plugin for WordPress, Blogger...