Membuat Running Text Dalam Blog

By On Monday, August 8th, 2016 Categories : Blogging

Membuat Running Text Dalam Blog – Membuat tulisan berjalan atau running text merupakan salah satu hal yang bisa menambah daya tarik dari sebuah blog. Dalam dunia blogging, teks berjalan biasa disebut dengan istilah “Marquee”.

running

Saat ini, ada banyak style teks berjalan yang bisa diaplikasikan pada blog yang Anda miliki. Cara membuatnya pun mudah dan terbilang praktis. Cukup dengan menambah kode HTML yang sesuai dengan teks berjalan yang Anda inginkan, maka running text pun bisa langsung jadi.

Marquee standar

Kode HTML yang dapat Anda masukan untuk membuat Marquee standar yaitu:

<marquee>Teks Yang Diinginkan</marquee>

Dengan memasukkan kode tersebut, maka teks yang diapit dengan <marquee> akan bergerak sesuai standar pergerakan teks yang ditentukan. Anda bisa mengubah kalimat “Teks Yang Diinginkan” menjadi kata-kata yang Anda perlukan.

Menambah warna background Marquee

Bila Anda ingin menambah warna background Marquee menjadi lebih menarik, anda bisa menyisipkan kode style=”background: warna;” dalam kode Marquee tersebut. Contoh script warna background Marquee abu-abu yaitu:

<marquee style=”background: gray;”>Teks Yang Diinginkan</marquee>

Mengganti warna Marquee

Selain menambah warna background, Anda juga bisa mengganti warna Marquee. Contoh di bawah ini adalah teks warna putih dengan background warna abu-abu, yaitu:

<marquee style=”background: gray; color: white;”>Teks Yang Diinginkan</marquee>

Membuat Marquee setengah layar

Untuk membuat teks berjalan dari bagian tengah latar, maka script yang perlu dimasukan yaitu:

<marquee width=”50%”>Teks Yang Diinginkan</marquee>

Membuat Marquee dengan jeda

Normalnya, Marquee selalu berjalan tanpa henti dari arah kanan ke kiri layar. Namun Anda bisa menyuruhnya untuk membuat jeda dengan cara menambah kode script di bawah ini.

<marquee scrolldelay=”500″>Teks Yang Diinginkan</marquee>

Makna “500” di atas artinya jeda yang diterapkan yaitu 0,5 detik, jadi Marquee akan berhenti sejenak tiap 0,5 detik.

Mengatur kecepatan Marquee

Kecepatan tulisan berjalan di blog rupanya bisa disesuaikan dan diatur berdasarkan keinginan, kodenya yaitu:

<marquee scrollamount=”10″>Teks Yang Diinginkan</marquee>

Semakin besar angka yang dimasukkan, semakin cepat pula tulisan Marquee berjalan.

Membuat Marquee dari kiri ke kanan

Bagi Anda yang ingin memiliki teks berjalan dari arah kiri ke kanan, maka masukanlah kode di bawah ini, yaitu:

<marquee direction=”right”>Teks Yang Diinginkan</marquee>

Membuat Marque memantul

Untuk tulisan berjalan yang memantul, ikutilah kode yang ada di bawah ini:

<marquee behavior=”alternate”>Teks Yang Diinginkan</marquee>

Membuat Marquee dari bawah ke atas

Berikut ini value kode yang perlu diubah untuk membuat teks berjalan dari atas ke bawah, yaitu:

<marquee direction=”up”>Teks Yang Diinginkan</marquee>

Untuk pergerakan dari atas ke bawah, gantilah kata “up” menjadi “down” pada script di atas.

Membuat Marquee berhenti jika disentuh kursor

Kode yang perlu dimasukkan yaitu:

<marquee onmouseover=”this.stop()” onmouseout=”this.start()”>Teks Yang Diinginkan</marquee>

Selain beberapa style Marquee di atas, masih banyak lagi variasi running text yang bisa diaplikasikan dalam blog Anda. Selamat mencoba!

Baca Juga : Cara Menghindari Sistem Pendeteksian Spam Dari Google dengan Mudah

Membuat Running Text Dalam Blog | ituseo | 4.5