Kamis, 17 November 2011

Cara membuat tulisan berjalan (Marquee)

cara membuat tulisan berjalan
Sobat mungkin pernah menemukan tulisan berjalan di suatu situs blog maupun website. Sobat pun pasti bertanya - tanya dan bingung bagaimana cara membuat tulisan berjalan tersebut. Tenang sob, cara membuat tulisan berjalan tersebut sangatlah mudah.

Untuk membuatnya, sobat hanya perlu menyisipkan kode sederhana diantara tulisan yang ingin sobat beri efek berjalan. perintah tersebut yaitu Marquee atau bila ingin disertai dengan tulisan nya contohnya bisa sobat lihat di bawah ini:
<marquee>Tulisan yang ingin di beri efek marquee</marquee>
Nah sob, sudah mengerti kan penejelasan tentang marquee? okedeh tanpa basa - basi lagi sobat bisa lihat Cara membuat tulisan berjalan (Marquee) di bawah ini:

1. Tulisan berjalan Dari Kiri Ke Kanan / Kanan Ke Kiri
<marquee align="center" direction="right" height="50" scrollamount="2" width="80%">

Marquee Dari Kiri Ke Kanan

</marquee>
Akan menjadi seperti ini:

Marquee Dari Kiri Ke Kanan

Keterangan:
> Tulisan yang berwarna merah adalah teks yang ingin sobat beri efek marquee
> Untuk tulisan dari kanan ke kiri ganti kata "right" dengan "left" (tanpa tanda petik)
> 50 adalah ukuran tinggi kotak tulisan marquee nya
> scrollamount adalah kecepatan tulisannya

2. Tulisan berjalan Bolak - Balik
<marquee align="center" direction="left" height="50" scrollamount="3" width="70%" behavior="alternate">

Tulisan Bolak - Balik

</marquee>
Akan menjadi seperti ini:

Tulisan Bolak - Balik

3. Tulisan berjalan disertai link
<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" align="center" width="100%" height="200">

<a href="http://blognya-reggy.blogspot.com/">Blognya Reggy</a><br />
<a href="http://blognya-reggy.blogspot.com/">Blognya Reggy</a><br />
<a href="http://blognya-reggy.blogspot.com/">Blognya Reggy</a>


</marquee>
Akan menjadi seperti ini:
Blognya Reggy
Blognya Reggy
Blognya Reggy
- Ganti saja tulisan yang berwarna merah dengan link yang sobat inginkan
- Selain link sobat juga bisa menaruh kode HTML seperti widget

Bagaimana? sudah mengerti bagaimana Cara membuat tulisan berjalan kan? okedeh sob sampai disini dulu ya. See You ;)

Tidak ada komentar:

Posting Komentar

Blog Archive