Dasar Membuat Text Berjalan (Marquee) - Hallo Sob Jody Blog, artikel kali ini berjudul Dasar Membuat Text Berjalan (Marquee), kami telah menuliskan yang kami tahu pada artikel ini, semoga bermanfaat.

Judul : Dasar Membuat Text Berjalan (Marquee)
link : Dasar Membuat Text Berjalan (Marquee)

Dasar Membuat Text Berjalan (Marquee)

M

asih seputar memperindah tampilan sebuah template/Website ,kali ini Full Blog Design |Kumpulan Tutorial akan berbagi cara membuat tampilan text pada sebuah blog/website menjadi berfariasi/menjadi lebih indah .Nah dalam hal ini kita akan membuat /memodifikasi sebuah teks yang awalnya diam menjadi bisa bergerak/berjalan,dalam hal ini bisa berfungsi jika kita memberikan effect Marquee pada text tersebut kode sederhana/dasarnya seperti ini : <marquee>isi kalimat disini</marquee> Jika kode disamping ini kita letakkan dalam postingan dalam bentuk Html kode ini akan berfungsi menjadi seperti di bawah ini .
isi kalimat disiniSetelah kita mempelajari Dasar Membuat Text Berjalan (Marquee) sekarang kita akan mengembangkan kode (marquee) tersebut menjadi lebih keren sehingga baik fungsi ataupun tampilan nya menjadi lebih  baik ,berikut adalah atribut-atribut yang disertakan pada kode Marquee tsb :

1. bgcolor         :  Atribut ini mengatur warna pada background yang diberi effect   marquee.
2. scrollamount  :  Mengatur kecepatan gerak dari text(semakin tinggi semakin cepat)
3. direction        :  Mengatur gerakan text (down,up,left,right)
4. behavior      :  Memberika effect pada gerakan text (slide, scroll, alternate)
5. width             :  Mengatur lebar area text
6. height             :  Mengatur tinggi area text
7. align               :  Untuk mengatur posisi text (center,left,right)
8. onmouseover  :  Memberikan effect berhenti saat cursor menyentuh area text( this.stop() )
9. onmouseout    :  Memberikan effect berjalan  saat cursor meninggal kan area text ( this.start())
   

Setelah mengetahui atributnya mari kita berexperiment dengan meletakkan kode kode tersebut pada kode area marquee satu per satu :

1. bgcolor == Untuk memngatur background pada area marquee
<marquee bgcolor="red">Isi Text nya</marquee>
Isi Text nya
2. scrollamount == mengatur kecepatan text marquee (kecepatan semakin tinggi semakin cepat)
<marquee scrollamount="20">Isi Text nya</marquee>
Isi Text nya
3. direction == mengatur gerakan text marquee (down,up,left,right)
<marquee direction="down">Textnya Disini</marquee>
Textnya Disini
<marquee direction="up">Textnya Disini</marquee>
Textnya Disini
4. behaviour == memberikan effect pada gerakan text marquee (slide, scroll, alternate)
<marquee behavior="alternate"> Tulisan sobat disini</marquee>
Tulisan sobat disini
5. onmouseover dan onmouseout == effect berhenti saat mouse menyentuh area Marquee
<marquee onmouseover=" this.stop()" onmouseout="this.start()"> Tulisan sobat disini</marquee>
Tulisan sobat disini

Kode Marquee ini bisa sobat terapkan juga pada widget widget tertentu Recent Post ,Resent comment dll. Tapi saya sarankan sobat untuk menggunakan fungsi onmouseover dan onmouseout pada marquee tsb. sehinnga saat widget berjalan bisa berhenti saat pengunjung akan mengklik link tujuan  mari lakukan experimet dengan menyertakan Gambar...(pacar saya) :
Gunakakan Kode ini : arahkan kursor ke gambar untuk melihat effect

<marquee onmouseover=" this.stop()" onmouseout="this.start()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwRBjywZx9Y0wY4GMEjVLAvA2z6WGlJ4hT88DW3gUC30dbNxoD095KGnPHfNTHVccN6BNl6ooOU1hlZcfYjUH6dXinQsvIkgF-NolwDBU19QLwFYOgqojUaaX-ab7TQdIaRW1YaTB6vUo/s251/karina.jpg"title="Karina Kapoor Pacar Mas Mahfid"alt="karina kapoor"width="150 "height="150"></marquee>

Demikianlah Artikel Dasar Membuat Text Berjalan (Marquee)

Sekian Dasar Membuat Text Berjalan (Marquee), mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingankali ini.

Anda sedang membaca artikel Dasar Membuat Text Berjalan (Marquee) dan artikel ini url permalinknya adalah http://caratutorialgratis.blogspot.com/2013/03/dasar-membuat-text-berjalan-marquee.html Semoga artikel ini bisa bermanfaat.

Tweet