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.

{tocify} $title={Daftar Isi}

Cara Membuat Tulisan Berjalan di Blog

Silahkan sobat bebas pilih kreasi efek teks berjalan yang diinginkan seperti dibawah ini.

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

Untuk memaksimalkan widget sidebar blog sobat, simak juga cara Membuat Widget Mengikuti Scroll atau Sticky Widget pada Sidebar Blog

Demikian ulasan mengenai Cara Membuat Tulisan Berjalan di Blog. Semoga bermanfaat. Terima kasih.

2 Komentar

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

Posting Komentar
Lebih baru Lebih lama