Efek Marquee atau tulisan berjalan ini sering digunakan untuk ucapan selamat datang yang di pasang di header, tapi banyak juga yang dipasang di sebuah postingan. Cara nya ga rumit kok sob, cuma menambahkan beberapa kode di antara teks tersebut. Silahkan lihat keterangan - ketarangan dibawah ini :
Efek tulisan berjalan / bergerak ke atas
<marquee behavior="scroll" direction="up" height="30"> Tulisan sobat disini</marquee>
Efek tulisan berjalan / bergerak lambat
<marquee behavior="scroll" scrollamount="1" scrolldelay="32">Tulisan sobat disini</marquee>
Efek tulisan berjalan / bergerak namun berhenti saat dilewatai cursor mouse
<marquee onmouseout="this.start()" onmouseover="this.stop()">Tulisan sobat disini</marquee>
Efek tulisan berjalan / bergerak zig-zag
<marquee behavior="alternate" direction="up" height="50px"><marquee direction="right"> Tulisan sobat disini</marquee></marquee>
Efek tulisan berjalan / bergerak ke kanan
<marquee behavior="scroll" direction="right">Tulisan Tulisan sobat disini</marquee>
<marquee behavior="scroll"><img height="84" src="Url%20gambar%20yang%20akan%20ditampilkan" width="110">Tulisan sobat disini</marquee>
Efek tulisan berjalan / bergerak memantul
<marquee behavior="alternate" width="300"> Tulisan sobat disini</marquee>
Efek tulisan berjalan / bergerak bounching
<marquee behavior="alternate" direction="up" height="100" width="300"><marquee behavior="alternate" direction="right">Tulisan sobat disini</marquee></marquee>
Teks yang berwarna merah silahkan kalian ganti dengan teks kalian masing - masing
Dibawah ini adalah contoh - contoh dari efek marquee ini :
Efek tulisan berjalan / bergerak ke atas
Blogger Dan SEO
Efek tulisan berjalan / bergerak lambat
Blogger Dan SEO
Efek tulisan berjalan / bergerak namun berhenti saat dilewati cursor mouse
Blogger Dan SEO
Blogger Dan SEO
Efek tulisan berjalan / bergerak zig-zag
Blogger Dan SEO
Efek tulisan berjalan / bergerak ke kanan
Blogger Dan SEO
Efek tulisan berjalan / bergerak memantul
Blogger Dan SEO
Efek tulisan berjalan / bergerak ke kanan dengan gambar
Tidak ada komentar:
Posting Komentar