Cara Membuat Tulisan Berjalan di Blog

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

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 :

  1. Buka blog anda
  2. Masuk ke dasbor blog
  3. Buat postingan baru atau buka postingan lama
  4. Ganti mode kepenulisan menjadi HTML dari Compose
  5. Pilih penempatan tulisan berjalan dengan menuliskan kode HTML
  6. Pratinjau, untuk melakukan pengecekan apakah tulisan berjalan anda sudah sesuai
  7. Posting dan selesai

Berikut ini cara membuat tulisan berjalan pada sidebar atau gadget :

  1. Buka blog anda
  2. Masuk ke halaman tata letak
  3. Pilih tambahan gadget baru
  4. Pilih HTML atau JavaScript
  5. Pada bagian konten, tuliskan tulisan yang ingin dijalankan
  6. Simpan dan selesai

Baca Juga : 7 Tips Dan Trik Menjadi Blogger Yang Sukses

Berikut ini beberapa kode HTML untuk menjadikan tulisan berjalan pada blog :

  1. 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”

  1. 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.

  1. 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”.

  1. Memberi title marquee

Title akan memuat pesan yang aktif saat kursor di arahkan ke marque.

<marque tittle=”pesan tersembunyi”>Teks berjalan</marquee>  

  1. 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”.

  1. 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”.

  1. 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”.

  1. 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”.

  1. 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

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Tutorial dan Panduan Ngeblog © 2018
error: Content is protected !!
%d blogger menyukai ini: