Cara Membuat Tulisan Berjalan Di Blog

Modjopahit! - Cara membuat tulisan berjalan di blog adalah sebuah cara alternatif yang dapat dipakai untuk mempercantik tampilan sebuah blog sehingga pengunjung bisa betah berlama-lama masuk kedalamnya. Dan untuk bisa membuatnya kita perlu bantuan tag html yaitu tag <marquee>.

Ketika membuat tulisan berjalan di blog maka ada beberapa parameter yang perlu diperhatikan seperti berapa kecepatan tulisan tersebut berjalan, dari arah mana dan kemana tulisan tersebut berjalan dan lain sebagainya. Maka oleh sebab itu kita perlu paham mengenai attribut tag <marquee> sehingga dapat memenuhi parameter-parameter tersebut.

Attribute tag <marquee>

• bgcolor="nama/nilai warna" digunakan mengatur warna latar belakang teks
• direction="left/right/up/down" digunakan mmengatur arah gerakan teks
• behavior="scroll/slide/alternate" digunakan untuk mengatur perilaku gerakan teks
• scroll digunakan agar teks bergerak berputar
• slide digunakan agar teks bergerak sekali lalu berhenti
• Alternate digunakan agar teks bergerak dari kiri kekanan lalu balik lagi
• title=”Tulis Pesan Anda" digunakan agar pesan muncul pada saat mouse berada di atas teks
• scrollmount="masukkan angka" digunakan untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
• scrolldelay="masukkan angka" digunakan untuk mengatur waktu tunda gerakan dalam mili detik
• loop="angka|-1|infinite" digunakan untuk mengatur jumlah loop
• width="masukkan angka" digunakan untuk mmengatur lebar blok teks dalam pixel atau persen

Setelah mengetahui attribut tag <marquee> maka langsung saja kita ikuti langkah-langkah berikut untuk membuat tulisan berjalan di blog.

Cara membuat tulisan berjalan di blog

1. Tulisan berjalan dari arah Kiri - Kanan dan berhenti jika sudah sampai batas

<marquee behavior="slide" direction="left">Tulisan Di Sini</marquee>

Tulisan Di Sini

2. Tulisan berjalan dari arah Kiri - Kanan secara terus menerus tanpa berhenti

<marquee behavior="scroll" direction="left"> Tulisan Di Sini </marquee>

Tulisan Di Sini

3. Tulisan berjalan dari arah Kiri - Kanan dan sebaliknya secara terus menerus tanpa berhenti

<marquee behavior="alternate">Tulisan Di Sini</marquee>

Tulisan Di Sini

4. Tulisan berjalan dari arah Bawah - Atas

<marquee  behavior="scroll" direction="up">Tulisan Di Sini</marquee>

Tulisan Di Sini

5. Tulisan berjalan dengan kecepatan berbeda

<marquee behavior="scroll" direction="left" scrollamount="1"> Tulisan Di Sini </marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">  Tulisan Di Sini </marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">  Tulisan Di Sini </marquee>

Tulisan Di Sini

Tulisan Di Sini

Tulisan Di Sini

6. Gambar berjalan dari arah Kiri - Kanan

<marquee behavior="scroll" direction="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGtjgaZeCO4WAwmypU2ekCILO1FqnknkGQYNChMM9x1zD6h0q8UC7luBJUf9XqiiCipzBxZEIOerD-BbkDoT1y_CIx7mbU-H0jkNk5asrNf0EWuRYM4-afrofC5PYcZVcCbPKSOkqKNQ/s1600/cara+membuat+tulisan+berjalan+di+blog.png" alt="cara membuat gambar berjalan di blog" /></marquee>

7. Gambar dan tulisan berjalan dari arah Kiri - Kanan

<marquee behavior="scroll" direction="left"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifGtjgaZeCO4WAwmypU2ekCILO1FqnknkGQYNChMM9x1zD6h0q8UC7luBJUf9XqiiCipzBxZEIOerD-BbkDoT1y_CIx7mbU-H0jkNk5asrNf0EWuRYM4-afrofC5PYcZVcCbPKSOkqKNQ/s1600/cara+membuat+tulisan+berjalan+di+blog.png" alt="cara membuat gambar berjalan di blog" /> <p>Tulisan Di Sini</p></marquee>

Tulisan Di Sini


Jika masih ada pertanyaan seputar bagaimana cara membuat tulisan berjalan di blog silahkan disampaikan melalui kotak komentar sekaligus mempererat pertemanan kita. Sebelum ditutup posting kali ini, perlu diingat bahwa untuk membuat tulisan berjalan maka kita harus meletakkan kode tersebut diatas kedalam mode HTML.