X-BLOG~ Membuat text berjalan (Marquee) Diposting oleh Adee

Text berjalan atau Marquee Bisa kita buat dengan maksud memperindah tampilan blog kita,Text berjalan ini bisa untuk membuat headline dan juga untuk menjalankan link tersebut karena meraik perhatian dengan text berjalan atau marquee.Bagaimana untuk membuatnya.?

Marquee dari kiri ke kanan :

<marquee direction="right" scrollamount="3"> Contoh Marquee dari kiri ke kanan </marquee><p>

Contohnya :

Contoh Marquee dari kiri ke kanan


Marquee dari kanan ke kiri :

<marquee direction="left" scrollamount="3"> Contoh Marquee dari kanan ke kiri </marquee><p>

Contohnya :

Contoh Marquee kanan kekiri


Marquee dengan gerak bolak-balik :

<MARQUEE align="center" direction="left" height="100" scrollamount="3" width="70%" behavior="alternate"> Contoh MARQUEE dengan Gerakan bolak-balik </MARQUEE>

Contohnya :

Contoh MARQUEE dengan Gerakan bolak-balik
Marquee dari bawah keatas :

<marquee direction="up" scrollamount="2″ height="50″ width="50%"> Contoh Marquee dari bawah keatas </marquee><p>

Contohnya :

Contoh Marquee dari bawah keatas
Marquee dari atas kebawah :

<marquee direction="down" scrollamount="2″ height="50″ width="50%"> Contoh Marquee dari atas kebawah </marquee><p>

Contohnya :

Contoh Marquee dari atas kebawah
Marquee dengan efek background :

<font color="white"><marquee direction="right" scrollamount="2" bgcolor="black"> Contoh Marquee dengan menggunakan background hitam dan warna font putih </font></marquee><p>

Contohnya :

Contoh Marquee dengan menggunakan background hitam dan warna font putih




Variasi yang satu ini apabila mouse didekatkan pada text marquee maka text tersebut akan berhenti dan berjalan kembali apabila mouse dijauhkan dari text marquee

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> Arahkan mouse anda kesini </marquee>

Contohnya :

Arahkan mouse anda kesini
Marquee dalamnya terdapat link :

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> <a href="http://xzone-tips.blogspot.com/">X-zone Home</a> <a href="http://xzone-tips.blogspot.com/2012/06/x-game-download-vigilante-8-untuk-pc.html">X-game</a> <a href="http://xzone-tips.blogspot.com/2012/04/x-blog-kode-warna.html">Kode warna</a> <a href="http://www.facebook.com/pages/X-ZONE/321446044549212">X-zone fanspage</a> </marquee>

X-zone Home X-game Kode warna X-zone fanspage
Anda dapat berkreasi sendiri sesuka anda.!

Diposting Oleh : Adee ~ Tutorial Blogger - Tips and trick~

Artikel X-BLOG~ Membuat text berjalan (Marquee) Semoga bermanfaat bagi Pengunjung blogger . Terimakasih atas kunjungan anda beserta kesediaan Anda membaca artikel ini. Kritik dan Saran anda dapat sampaikan melalui Kotak komentar Facebook Atau Komentar Blogger.apabila mengcopy-paste artikel X-BLOG~ Membuat text berjalan (Marquee) Mohon sertakan alamat sumber untuk menghargainya. Sekali Lagi saya Ucapkan Terima Kasih .