;

21 November 2011

Membuat Efect Marque atau Teks Berjalan

Marquee adalah kode HTML untuk membuat teks bisa bergerak. Efek marquee ini disenangi dan dipakai sebagian besar para blogger di dalam blognya karena sifatnya yang dinamis serta menarik untuk dilihat disamping untuk menghemat tempat pada halaman blog, ada beberapa jenis efek marquee diantaranya adalah efek marquee dari gerakan, bergerak dari kanan ke kiri, perilaku gerakan, dengan variasi teks dan warna latar belakang, dengan gerakan dan berhenti jika disorot mouse, dengan link didalamnya.

Contoh marquee dari gerakan

kode;

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

hasilnya;


marquee dari kanan ke kiri


* Sampeyan bisa ganti kata "left" dengan keinginan, yaitu bisa : left, up, down.

Contoh marquee dari perilaku gerakan

kode;

<marquee align="center" behavior="alternate" height="200" scrollamount="3" width="70%">
marquee menurut perilaku</marquee>

hasilnya;

marquee menurut perilaku


Contoh marquee dengan variasi teks dan warna latar belakang

kode;

<div align="left">
<span style="color: white; font-family: arial;"><b><marquee behavior="alternate" bgcolor="#6C755B" scrollamount="3" width="70%">
marquee dengan variasi teks
</marquee></b></span></div>

hasilnya;

marquee dengan variasi teks




Contoh marquee ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain teks akan bergerak kembali

kode;

<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="50%">
Anda arahkan disini mousenya</marquee>

hasilnya;

Anda arahkan disini mousenya


Contoh marquee yang di dalam nya terdapat link

kode;

<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
<a href="http://lagu-enak-mp3.blogspot.com/" target="new">Lagu Enak</a>
<a href="http://vector-images.blogspot.com/" target="new">Vector Images</a>
<a href="http://freelogo-downloads.blogspot.com/" target="new">Free Logo Download</a></marquee>

hasilnya;



Begitulah contoh-contoh dari efek marquee, ...


ping fast  my blog, website, or RSS feed for Free

Author : Zainoel Arifin Isa'i

Isi Blog ini dapat dicopas, dimodifikasi, diperbanyak, dicetak, disebarkan secara bebas dan boleh tidak menyebutkan sumber asal dari artikel yang ingin Anda tampilkan dari blog ini bila Anda merasa terganggu. Kecuali artikel dari sumber lain yang di share pada blog ini harus disertakan link sumber aslinya.


2 comments:

  1. Selalu berkunjung sobat :)
    Main k blog Ane ya gan

    Klik 4information y gan :)

    Komentar di tunggu sobat
    Jangan lupa follow jga :) ( follow back )

    Salam blogger

    ReplyDelete
  2. kita ngetik kode dimana mas ..

    ReplyDelete

Berkomentarlah yang bijak, iklan/spam langsung dihapus

Related Posts Plugin for WordPress, Blogger...