26 Jul 2012

Cara Membuat Tulisan Marquee

Efek Tulisan Marquee atau Tulisan bergerak bisa kita modifikasi untuk menghias posting ataupun layout blog kita. Sebelumnya, anda sudah tau kan maksud dari efek tulisan marquee? kalau belum, berikut contoh tulisan  tutortrik.blogspot.com yang di beri efek tulisan marquee bolak balik :

tutortrik.blogspot.com


Ingin tau cara membuat tulisan marquee seperti contoh di atas? berikut tutorialnya ;


  • Marquee dari kiri ke kanan.
Untuk membuat tulisan marquee dari kiri ke kanan, anda bisa menggunakan kode ;
<marquee align="center" direction="right" height="30" scrollamount="2" width="50%">tutortrik.blogspot.com</marquee>
Hasilnya akan seperti ini ;
tutortrik.blogspot.com

Untuk membalik arah tulisan, ubah direction ke "left", maka hasilnya akan seperti ini;
tutortrik.blogspot.com

  • Marquee bolak balik.
Untuk membuat marquee bolak balik, gunakan kode ;
<marquee align="center" direction="left" height="30" scrollamount="3" width="50%" behavior="alternate">tutortrik.blogspot.com</marquee>
Hasilnya akan seperti ini ;
tutortrik.blogspot.com

  • Marquee berhenti saat di sorot mouse.
Untuk membuatnya, gunakan kode ;
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="100" align="center">tutortrik.blogspot.com</marquee>
Hasilnya bisa dilihat dengan mengarahkan cursor mouse anda ke tulisan tutortrik.blogspot.com yang bergerak ;
tutortrik.blogspot.com
Jika ingin menggerakkan tulisan ke bawah, ganti direction menjadi "down". maka hasilnya ;
tutortrik.blogspot.com

  • Marquee dengan link (hyperlink), berhenti saat di sorot mouse.
Untuk membuatnya, gunakan kode ;
<marquee align="center" direction="up" height="300" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="100%">
<a href="target link" target="_blank">tulisan link</a>
<a href="target link" target="_blank">tulisan link</a>
<a href="target link" target="_blank">tulisan link</a>
</marquee>

Hasilnya akan seperti ini ;

Blog nya cewe narsis


Cara Membuat Link


Khusus dewasa,jangan di klik


Gimana? mudahkan cara membuat efek tulisan marquee yang sudah saya berikan di atas? sebenarnya tekhnik marquee bukan hanya untuk modifikasi tulisan, tapi juga bisa untuk gambar.
Ini contohnya;

tulisan marquee
Untuk membuatnya anda tinggal memodifikasi kodenya, anda bisa juga merubah jenis, warna dan ukuran tulisan. Mungkin dengan membaca cara membuat link dapat membantu anda untuk membuat tulisan marquee yang lebih unik.

Tidak ada komentar: