Thursday, November 11, 2010

Cara Membuat Tulisan Bergerak/ Marquee


Dari Judul di atas pasti anda sudah terbayang seperti apakah yang dimaksud dengan tulisan bergerak/ marquee. Dengan Tulisan bergerak anda juga dapat memperindah tampilan blog anda dengan kata-kata
sambutan untuk para pengunjung blog anda atau juga dapat anda gunakan untuk mempublikasi pengumuman, atau hanya sekedar untuk menarik perhatian pengunjung. Biasanya tulisan bergerak ini, dapat anda tempatkan di bagian header/ bagian atas blog anda, sidebar kanan atau kiri, dan juga tidak sedikit ada yang menempatkannya di bagian bawah/ footer blog dengan tujuan untuk mengingatkan kepada para pengunjung untuk meninggalkan komentar setiap kali selesai membaca postingan (contohnya).

Marquee atau teks bergerak ini, memiliki banyak macam. Silahkan simak berbagai macam marquee berikut kodenya di bawah ini: (Nb: Sesampai di tata letak: pilih tambah gadget, lalu pilih HTML/JavaScript)


1. Marquee dari Kiri ke Kanan.

Tampilan:



marquee dari kiri ke kanan



Kode:
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

marquee dari kiri ke kanan

</MARQUEE>



marquee dari kiri ke kanan





2. Marquee Bolak-balik.

Tampilan:



marquee bolak-balik



Kode:
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">

marquee bolak-balik

</MARQUEE>



marquee bolak-balik





3. Marquee Diam Jika Ditunjuk.

Tampilan:



arahkan mouse anda di teks ini



Kode:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">

arahkan mouse anda ke teks ini

</marquee>



arahkan mouse anda ke teks ini





4. Marquee HyperLink, Diam Jika Ditunjuk.

tampilan:



Muhbalak


Profil Empunya Blog


Blog Jadi Terkenal




Kode:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://zamal-tkj.blogspot.com/" target="new">Zamaludin's Blog</a><br/>

<a href="http://demz139-tkj.blogspot.com/" target="new">Demz139</a><br/>


</marquee>

No comments:

Post a Comment

Powered by Blogger.