Subscribe:

Rabu, 06 Juli 2011

Cara Membuat Efek Marquee atau Teks Berjalan

cara membuat teks berjalan pada blog sebenarnya sudah pernah saya buat postingannya dengan judul Cara Membuat Teks Berjalan di Menu Bar, namun yang membedakannya dengan Cara Membuat Teks Berjalan atau Efek Merquee pada blog adalah code HTML yang digunakan dan cara pemasangannya, dimana jika Teks Berjalan atau Efek Merquee dipasangnya di sidebar atau dalam postingan. Terus dasarnya apa??? pasti sobat blogger bertanya-tanya, hehe. Dasarnya nggak lain dan nggak bukan ialah Marquee. Anda tahu apa itu marquee?? Pasti sobat blogger yang sudah lama berkecimpung dalam dunia blogging udah pada tahu semua, apa itu marquee?? kalau menurut saya, Marquee adalah suatu printah dalam program HTML yang berfungsi untuk membuat teks bisa bergerak atau berjalan.
  1. Teks Berjalan Kekiri Kekanan Tiga Kali :                                                                               

    <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 :                                                            
    <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 : 

    <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 : 

    <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 : 


    <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 : 


    <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 : 

    <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 : 

    <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 : 


    <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 Effek 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 :
  1. Login ke Blogger dengan ID anda.
  2. Klik Layout / Tata Letak.
  3. Klik Add Gadget / Tambah Gadget di lokasi yang Anda inginkan.
  4. Pilih HTML/Javascript.
  5. Copy paste code HTML diatas ke dalam Content yang telah tersedia.
  6. 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 :
  1. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.
  2. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.
  3. Scrolldelay : Untuk mengatur waktu tunda gerakan dalam satuan mili detik.
  4. Scrollamount : Untuk mengatur kecepatan gerakan dalam satuan pixel.
  5. Dari kode di atas, yang kita tambahkan adalah kode yang berwarna merah bisa anda ganti dengan teks anda sendiri.
Nah, sangat mudah kan? Jika ada masalah, silahkan Bertanya melalui e-mail, jika ini berhasil Ucapkan ALHAMDULLILAH.

0 komentar:

Mohon Berkomentarlah dengan Baik dan Sopan
Maaf, jika ingin menyertakan url mohon di LINK saja ya (NO http://) atau komentar hanya sekedar promosi akan di hapus. Thank's ^_^

Posting Komentar