Cara Membuat Tulisan Berjalan di Blog – Tulisan berjalan di blog memang dapat menarik perhatian para pengunjung, apalagi melalui tulisan berjalan ini mampu anda gunakan untuk membagikan info yang ingin anda bagikan kepada pengunjung. Bukan hanya teks saja, gambarpun juga bisa dibuat berjalan.
Anda yang ingin mencoba menampilkan gambar atau tulisan berjalan dapat menggunakan kode HTML yang disebut marquee.
Cara Membuat Tulisan Berjalan di Blog
Baca Juga : Ciri – Ciri Blog Yang Di Sukai Pengunjung
Berikut ini cara untuk membuat tulisan berjalan pada laman blog :
- Buka blog anda
- Masuk ke dasbor blog
- Buat postingan baru atau buka postingan lama
- Ganti mode kepenulisan menjadi HTML dari Compose
- Pilih penempatan tulisan berjalan dengan menuliskan kode HTML
- Pratinjau, untuk melakukan pengecekan apakah tulisan berjalan anda sudah sesuai
- Posting dan selesai
Berikut ini cara membuat tulisan berjalan pada sidebar atau gadget :
- Buka blog anda
- Masuk ke halaman tata letak
- Pilih tambahan gadget baru
- Pilih HTML atau JavaScript
- Pada bagian konten, tuliskan tulisan yang ingin dijalankan
- Simpan dan selesai
Baca Juga : 7 Tips Dan Trik Menjadi Blogger Yang Sukses
Berikut ini beberapa kode HTML untuk menjadikan tulisan berjalan pada blog :
- Kode dasar
Menjadi dasar untuk menggerakkan teks secara defauld baik dari kanan ke kiri atau sebaliknya dan berulang secara terus menerus.
<marquee>Teks ini akan berjalan</marquee>
Hasilnya teks akan berjalan dengan tulisan “Teks ini akan berjalan”
- Loop atau pengulangan marquee
Menjadi penentu berapa kali teks akan berjalan.
<marquee loop=”6”Teks berjalan berulang 6 kali</marquee>
Hasilnya teks akan berjalan sebanyak 6 kali dengan tulisan “Teks berjalan berulang 6 kali” setelah itu berhenti.
- Jeda waktu marquee
Scroll delay digunakan untuk jeda waktu marquee.
<marquee scrolldelay=”600”>Teks berjalan dengan delay 0,6 detik</marquee>
Angka 600 di atas memiliki satuan milidetik, sehingga tulisan akan berjalan dengan jeda 0,6 detik dengan tulisan “teks berjalan dengan delay 0,6 detik”.
- Memberi title marquee
Title akan memuat pesan yang aktif saat kursor di arahkan ke marque.
<marque tittle=”pesan tersembunyi”>Teks berjalan</marquee>
- Warna background marquee
Backgrond color digunakan untuk mengatu warna background marquee.
<marquee bgcolor=”FFF300”>Teks berjalan dengan warna latar belakang kuning</marquee>
FFF300 adalah kode warna HTML kuning, anda dapat menggantinya dengan warna dasar lain, seperti red, green dan blue.
Hasilnya teks akan berjalan dengan tulisan “Teks berjalan dengan warna latar belakang kuning”.
- Kecepatan gerak
Scrollmount mengatur kecepatan gerak pada marquee.
<marquee scrolamount=”100”>Teks berjalan dengan kecepatan 100</marquee>
Angka 100 menunjukkan kecepatan marquee 100, sedangkan kecepatan normal 6. Hasilnya teks akan berjalan “Teks berjalan dengan kecepatan 100”.
- Arah gerak marquee
Direction mengatur arah gerak pada marquee. Ada 4 arah gerak, diantaranya :
- Down untuk gerak ke bawah
- Left untuk gerak ke kiri (default)
- Right untuk gerak ke kanan
- Up untuk gerak ke atas
<marquee direction=”up”>Teks berjalan ke arah bawah</marquee>
Hasilnya teks akan berjalan “Teks berjalan ke arah bawah”.
- Lebar dan tinggi marquee
Width akan mengatur lebar marquee dan height akan mengatur tinggi marquee, mereka kan menggunakan px sebagai satuan.
<marquee width=”300”>Lebar teks berjalan 300px</marquee>
Hasilnya akan muncul “Lebar teks berjalan 300px”.
<marquee height=”100”>Tinggi teks berjalan 100px</marquee>
Hasilnya akan muncul “Tinggi teks berjalan 100px”.
- Mengatur jenis, ukuran, dan warna font marquee
Di sini anda dapat mengatur jenis pada font-family, warna pada color dan ukuran font pada font-size.
<marquee style=”font-family:arial; font-size:20px; color:#ffffff;”>Jenis ukuran dan warna font pada teks berjalan</marquee>
Hasilnya akan muncul “Jenis ukuran dan warna font pada teks berjalan”.
Baca Juga : 6 Kesalahan Yang Sering Dilakukan Blogger