Cara Membuat Tulisan Berjalan di Blog

Cara Membuat Tulisan Berjalan di Blog

Untuk menarik perhatian pengunjung blog pada tulisan atau widget tertentu, sobat bisa membuatnya menjadi terlihat berjalan. Efek tulisan berjalan bisa ke kanan, ke kiri, ke atas, ke bawah ataupun bolak-balik.

Hal ini biasanya dilakukan pemilik blog untuk memberi tahu pengunjung kalau ada sebuah pengumuman atau hal penting lainnya yang berkaitan dengan blog tersebut. Selain itu, widget ini juga sedikit mempercantik tampilan blog sobat.

Cara menggunakannya pun sangat mudah, simak langkah-langkah di bawah ini:
  • Masuk ke Dashbord Blogger
  • Pilih menu Tata Letak - Tambahkan Gadget - HTML/JavaScript
  • Salin dan letakkan kode yang dipilih pada Gadget HTML/JavaScript
  • Simpan
Sobat bisa memilih kode efek tulisan yang telah disediakan dibawah ini.

Baca Juga : Cara Memasang Widget Kotak Iklan di Blog

Cara Membuat Tulisan Berjalan di Blog

Silahkan sobat bebas pilih kreasi efek yang diinginkan.
Perhatikan kode di dalam kolom!
Hanya copas bagian per baris saja, hasil tiap barisnya bisa dilihat dibawah kolom kode.

A. Marquee Tanpa Atribut
<marquee>TEKS INI AKAN BERJALAN</marquee>
Hasil :
TEKS INI AKAN BERJALAN

B. Marquee Dengan Atribut
<marquee scrollamount="100">TEKS INI AKAN BERJALAN</marquee>
<marquee scrolldelay="500">TEKS INI AKAN BERJALAN dengan delay 0,5 detik</marquee>
<marquee direction="left" scrollamount="10">TEKS INI AKAN BERJALAN</marquee>
<marquee direction="right" scrollamount="10">TEKS INI AKAN BERJALAN</marquee>
<marquee direction="right" scrollamount="100">TEKS INI AKAN BERJALAN</marquee>
<marquee behavior="alternate" scrollamount="15">TEKS INI AKAN BERJALAN</marquee>
<marquee bgcolor="blue">TEKS INI AKAN BERJALAN</marquee>
<marquee><img src="#" width="300" title="barungeblog.com"/></marquee>
Keterangan :
Behavior = Pengaturan gaya kalimat bejalan
Direction = Pengaturan gaya arah kalimat berjalan
Bgcolor = Pengaturan warna background kalimat atau teks berjalan
Scrolldelay = Pengaturan gaya kalimat yang ditentukan per detik/mil
Scrollamount = Kecepatan kalimat, semakin besar angkanya akan semakin cepat
Img scr="#" = Untuk menampilkan gambar, ganti tanda # dengan URL gambar yang dinginkan
Hasil :
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN dengan delay 0,5 detik
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN
TEKS INI AKAN BERJALAN BOLAK-BALIK
TEKS INI AKAN BERJALAN


C. Marquee Dengan Beberapa Atribut
<marquee style="font-style: italic;">KALIMAT MIRING INI AKAN BERJALAN</marquee>

<marquee direction="right" style="background-color: red;" width="125">KALIMAT INI AKAN BERJALAN</marquee><marquee direction="left" style="background-color: blue;" width="125">KALIMAT INI AKAN BERJALAN</marquee>
Keterangan :
Italic = Membuat tulisan miring, bisa juga diganti dengan Bold / Underline
Width = Lebar background yang diinginkan
Hasil :
KALIMAT MIRING INI AKAN BERJALAN
KALIMAT INI AKAN BERJALANKALIMAT INI AKAN BERJALAN

D. Marquee Dengan Atribut & Perintah Mouse
<marquee onmouseout="this.start()" onmouseover="this.stop()">KALIMAT INI AKAN BERJALAN</marquee>
<marquee direction="up" height="50" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="350">KALIMAT INI AKAN BERJALAN KE ATAS</marquee>
<marquee direction="down" height="50" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="350">KALIMAT INI AKAN BERJALAN KE BAWAH</marquee>
Keterangan :
Up = Arah ke atas
Down = Arah ke bawah
Height = Tinggi Background
Width = Lebar Background
Hasil :
KALIMAT INI AKAN BERJALAN
KALIMAT INI AKAN BERJALAN KE ATAS
KALIMAT INI AKAN BERJALAN KE ATAS
KALIMAT INI AKAN BERJALAN KE ATAS

KALIMAT INI AKAN BERJALAN KE BAWAH
KALIMAT INI AKAN BERJALAN KE BAWAH
KALIMAT INI AKAN BERJALAN KE BAWAH


E. Marquee Dengan Link
<marquee><a href="https://www.barungeblog.com/">Cara Membuat Tulisan Berjalan di Barungeblog.com</a></marquee>
Keterangan :
Ganti www.barungeblog.com dengan URL blog sobat.
Hasil :
Cara Membuat Tulisan Berjalan di Barungeblog.com

Baca Juga : Membuat Widget Mengikuti Scroll atau Sticky Widget pada Sidebar Blog

Demikian ulasan mengenai Cara Membuat Tulisan Berjalan di Blog.
Selamat mencoba!

2 Komentar untuk "Cara Membuat Tulisan Berjalan di Blog"

Tinggalkan komentar di Barungeblog yuk!

• Berkomentar dengan sopan
• Tidak memasukkan link aktif (Spam)
• Berkomentar yang relevan sesuai artikel
• Komentar yang kasar dan mengandung unsur SARA akan dihapus

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel