Blog sharing cara membuat blog, website, toko online, desain web, dan template

Monday, October 20, 2014

Cara Membuat Tulisan Bergerak di Blog

Membuat tulisan bergerak
Membuat tulisan bergerak
Gimana sih cara membuat efek tulisan bergerak keatas, bawah, atau kesamping? Mudah aja kok kawan, kita hanya perlu menyisipkan tag marquee di HTML blog kalian. Marquee adalah bahasa HTML untuk memberikan efek sebuah kata atau membuat tulisan bergerak atau berjalan. Tag marquee mempuyai atribut yang bisa kalian gunakan untuk mempercantik tampilannya, atribut tersebut adalah :
  • Bgcolor : digunakan untuk mengatur background dari text yang akan diberikan efek marquee
  • Direction : digunakan untuk mengatur gerakan dari text tersebut (up, down, left, right)
  • Scrollamount : digunakan untuk mengatur kecepatan gerakan text yang diberikan efek, satuan yang digunakan adalah pixel (px). Semakin tinggi pixel yang digunakna, maka gerakkan efeknya akan semakin cepat.
  • Behaviour : digunakan untuk efek dari gerakannya ( slide, scroll, alternate )
  • Width : digunakan untuk mengatur lebar dari area textnya (dinyatakan dalam px dan %)
  • Height : digunakan untuk mengatur ketinggian area textnya (dinyatakan dalam px dan %)
  • Align : digunakan untuk mengatur posisi text ( center, left, right )
  • Onmouseover : digunakan untuk memberhentikan efek ketika disorot oleh mouse
  • Onmouseout : digunakan untuk melanjutkan efek ketika mouse sudah tidak menyorot lagi

Berikut adalah penggunaannya:

Penggunaan atribut berikut akan membuat tulisan bergerak standard

<marquee>Membuat tulisan bergerak</marquee>

Membuat tulisan bergerak

Penggunaan atribut berikut adalah membuat tulisan bergerak keatas. Selain up, kalian bisa menggunakan down, left, dan right

<marquee direction=”up”>Membuat tulisan bergerak</marquee>

Membuat tulisan bergerak

Penggunaan atribut berikut adalah membuat background dari lintasan tulisan yang bergerak

<marquee bgcolor="yellow">Membuat tulisan bergerak</marquee>

Membuat tulisan bergerak

Penggunaan atribut berikut digunakan untuk menentukan kecepatan tulisan bergerak. Semakin tinggi angka yang digunakan maka tulisan akan semakin cepat bergerak. Satuan yang digunakan adalah pixel.

<marquee bgcolor="yellow" scrollamount="20px">Membuat tulisan bergerak</marquee>

Membuat tulisan bergerak

Penggunaan atribut berikut untuk menentukan kelebaran dan ketinggian lintasan text yang bergerak.

<marquee bgcolor="yellow" scrollamount="2px" width="50%" height="50px">Membuat tulisan bergerak</marquee>

Membuat tulisan bergerak

Penggunaan atribut berikut adalah untuk membuat tulisan berhenti ketika tulisan disorot oleh mouse, dan ketika mouse sudah tidak menyorot tulisan maka tulisan akan bergerak kembali.

<marquee bgcolor="yellow" scrollamount="20px" onmouseover="this.stop()" onmouseout="this.start()">Membuat tulisan bergerak</marquee>

Membuat tulisan bergerak

Nah, mudahkan cara membuat tulisan bergerak. Sekaran tinggal dipraktekin aja, mudah kok. Jika masih bingung atau belum jelas, bisa kok komen di bawah. Mau tahu cara membuat tabel di blog? Baca artikel membuat tabel di blog.

Share on Facebook
Share on Twitter
Share on Google+

Related : Cara Membuat Tulisan Bergerak di Blog

1 comments:

Nabilla Viranisa said...

oh jadi begitu cara membuat tulisan jadi bergerak
ST3 Telkom