Tulisan Berjalan pada Posting

Posted by ReTRo on Saturday, October 15, 2011

Postingan ini penulis buat berdasarkan banyaknya permintaan mengenai script yang diterapkan untuk teks yang dapat berjalan dalam postingan website maupun blog. Serta atribut-atribut untuk mengaturnya. Karena seperti pepatah orang jawa . Ilmu itu berarti "angel yen durung ketemu". Walaupun merupakan pengetahuan yang sederhana dan mudah namun apabila kita belum tahu ya tetep saja masih ruumit..
Teks Berjalan atau dalam bahasa HTML nya disebut marquee . Cara penulisannya :
<marquee> TEKS ANDA....</marquee>

 Tidak usah berbasa-basi, berikut ini macam-macamnya. 

1. Berjalan Dari Kanan Ke Kiri

Format yang ini merupakan marquee standar agar teks Anda bisa berjalan secara default berjala dari kanan ke kiri.
 

Tag Html :  <marquee>TEKS PUNYA ANDA</marquee>




2. Berjalan Dari Kiri Ke Kanan

Format ini kebalikan dari format yang pertama yaitu membuat teks berjalan dimulai dari kiri ke kanan :
 

Tag Html : <marquee direction="right">TEKS PUNYA ANDA</marquee>



3. Berjalan Bolak-balik (ke Kanan dan ke Kiri)

Tag Html : <marquee behavior="alternate">TEKS PUNYA ANDA</marquee>

4. Berjalan dari Bawah Ke Atas

Tag Html : <marquee direction="up">TEKS PUNYA ANDA</marquee>

5. Berjalan dari Atas Ke Bawah

Tag Html : <marquee direction="down">TEKS PUNYA ANDA</marquee>


6. Membuat Teks Berhenti apabila diarahkan Mouse

Tag Html : <marquee onmouseover="this.stop()" onmouseout="this.start()">TEKS PUNYA ANDA</marquee>

7. Mengatur Kecepatan Text Berjalan

untuk mengatur kecepatan digunakan perintah : scrollamount="10"

Untuk mengatur kecepatan teks ganti angka pada bertanda petik diatas ("10"), semakin kecil nilai ditulis maka motion akan semakin lambat dan semakin besar nilai yang dibuat juga semakin cepat motion teks yang akan muncul.

7. Mengatur Batas Ruang Text Berjalan


Untuk mengaturnya digunakan perintah : width="100%" height="100"

Demikian beberapa atribut yang dapat diterapkan dalam membuat teks berjalan pada postingan temen-temen. Oya setiap perintah tag html tersbut dapat dikolaborasikan satu sama lain. Dengan kata lain dapat diterapkan secara bersama-sama dalam satu tag html untuk menghasilkan teks berjalan yang lebih ajibb.

SELAMAT MENCOBA dan semoga bermanfaat

{ 0 comments... read them below or add one }

Post a Comment