Saturday, July 21, 2012

Cara membuat Tulisan BerGerak/ Marquee

By Sriudin sahrudin   Posted at  12:54 PM   Blogger No comments

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>



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>



3. Marquee Diam Jika Ditunjuk.


Tampilan:



arahkan mouse anda ke 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>



4. Marquee HyperLink, Diam Jika Ditunjuk.

tampilan:



Yusman

Profil Yang punya Blog



Kode:


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

<a href="http://okakira-yagami.blogspot.com/" target="new">Yusman</a>

<a href="http://www.blogger.com/profile/02669401440521612640" target="new">Profil Yang punya Blog</a>

</marquee>




About the Author

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.
View all posts by: BT9

0 komentar:

Back to top ↑
Connect with Us

What they says

© 2013 BLOG SI PALUI. WP Mythemeshop Converted by Bloggertheme9
Blogger templates. Proudly Powered by Blogger.