;

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, ...








Author : Zainoel Arifin Isa'i

Ketika aku tidak nongkrong di warung kopi atau menyusuri hutan atau juga mendaki gunung, aku sibuk menjadi tukang desain lepas/ freelance yang bermarkas di sudut ruang kamar belakang rumah di daerah pelosok desa terpencil lereng gunung Arjuno
Facebook : -Mbah Djojo-

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