Membuat Teks Berjalan Untuk Mempercantik Blog Anda

Membuat teks berjalan atau marquee sebenernya tidak terlalu sulit, sebelumnya saya juga sudah menerapakanya pada beberapa blog saya. Tentu membuat teks berjalan ini berbeda dengan cara membuat blogspot dengan domain sendiri atau membuat email gratis dengan domain sendiri

Marquee atau  teks berjalan disamping berguna untuk mempercantik blog anda dan membuat blog anda terlihat dinamis secara fungsional marquee juga bisa menghemat space jika anda mempunyai daftar blogroll yang panjang misalnya


So bagaimana cara membuat marquee atau cara membuat teks berjalan?Ada beberapa cara anda membuat marquee tergantung kebutuhan. kita mulai dari yang biasa saya gunakan


Cara membuat teks berjalan /  marquee type1
Marquee ini memberikan tampilan teks berjalan keatas tanpa henti kemudian muncul lagi dari bawah. Marquee ini banyak saya gunakan untuk memperpendek list blogroll supaya tidan banyak memakan tempat.Jika ingin arah gerakanya kebawah kode up ganti saja dengan down

Kode html
<marquee direction="up">
Teks 1
Teks 2
Teks 3
</marquee>


Preview

Teks 1
Teks 2
Teks 3


Cara membuat teks berjalan /  marquee type2
Masih sama seperti marquee sebelumnya  tetapi disini areanya dibatasi 100px


Kode html


<marquee direction="up" width="100%" scrollamount="2" height="100" align="center">
Teks1
teks2
teks3
</marquee>

Preview



Teks1
Teks2
Teks3


Cara membuat teks berjalan /  marquee type3
Polanya masih sama dengan sebelumya tetapi kecepatanya dikurangi dan menggunakan perintah mouseover sehingga teks akan berhenti jika di sorot dengan mouse


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

Teks1
teks2
teks3

</marquee>




Preview

Teks1
teks2
teks3


Cara membuat teks berjalan /  marquee type4
Marquee ini merupakan marquee standar teks berjalan dari kanan kekiri jika ingin berjalan sebaliknya ganti kode <marquee> dengan <marquee direction="right">

Kode HTML

<marquee>

Teks1 Teks2 Teks3

</marquee>



preview

Teks1 Teks2 Teks3 




Cara membuat teks berjalan /  marquee type5
Marquee ini sama dengan type 4 tetapi ditambah dengan perintah mouseover sehingga ketika disorot mouse teks akan berhenti


 Kode html
<marquee onmouseover="this.stop()" onmouseout="this.start()">Teks1 Teks2 Teks3 </marquee>


Preview
Teks1 Teks2 Teks3


Cara membuat teks berjalan /  marquee type6 (memantul)
Marquee ini akan mempunyai efek memantul. jika anda ingin mengatur kecepatan pantulan tmabahkan kode  scrollamount="17" dibelakang kode "alternate" atur angkanya

Kode html
<marquee behavior="alternate">Teks Anda</marquee>



Preview
Teks1 Teks2 Teks3


Okey semoga membantu anda untuk mempercantik blog anda


Tags: cara membuat teks berjalan, cara membuat marquee

About Author : Gusbud

TIPS MEMBUAT TEKS BERJALAN / MARQUEE 3 MODEL ditulis oleh seorang penggemar dan penghoby buku sekligus blogger.

Share Artikel

Facebook

Twitter

Google+

Pinterest