Cara Membuat Tulisan Berjalan ( Marquee ) Di Blogger

running text atau tulisan bejalan merupakan salah satu media elektronik yang sangat berguna untuk menyampaikan pesan dan informasi yang dapat juga digunakan sebagai sarana Iklan.

penggunaan text ini sering kali di jumpai di bagian bawah layar tv atau media lainnya, namun apakah anda tau ternyata text berjalan juga dapat di terapkan di dalam blog menggunakan html.

untuk itulah pada artikel kali ini saya akan menjelaskan tutorial cara membuat tulisan berjalan di blog dengan berbagai variasi, seperti : bergerak ke atas, bawah, kanan, kiri dan lain lain

jika anda penasaran bagaimana membuatnya
silahkan simak tutorial berikut ini

Cara Membuat Tulisan Bejalan Dengan HTML

1. Kode Dasar

kode dasar untuk membuat tulisan berjalan yaitu :

<marquee>Tulisan Berjalan</marquee>

Hasilnya seperti ini :

Ini Tulisan Berjalan

Catatan : secara defauld code di atas akan membuat text berjalan ke arah kiri secara berulang ulang, Diperlukan tambahan kode lain untuk membuat variasi gerak lainnya dari marquee

2. Menentukan Kecepatan

Speed

Untuk menentukan kecepatan text berjalan maka perlu ditambahkan kode scrollamount="nilai"
seperi berikut :

<marquee scrollamount="20">Speed 20</marquee>

Hasilnya :

Speed 20

Catatan : semakin besar angka yang diberikan maka akan semakin kencang

Delay

Untuk membuat text berhenti sejenak ( delay ) perlu ditambahkan kode scrolldelay="nilai" seperti berikut :

<marquee scrolldelay="500">Tulisan Akan Bergerak Ke Kiri Setiap 0,5 Detik</marquee>

Hasilnya Akan Seperti ini :

Tulisan Akan Bergerak Ke Kiri Setiap 0,5 Detik

Catatan : nilai 500 merupakan millisecond, bhs pemograman html membaca penulisan waktu dimulai dari millisecond, 500 millisecond = 0,5 detik, sehingga penulisan code di atas memungkinkan text bergerak ke arah kiri setiap 0,5 detik.

3. Mengubah Arah Jalan

untuk menentukan arah tulisan bergerak, maka harus ditambahkan kode direction="up/down/left/right"

Keterangan :

Up = Ke atas
Down = Ke Bawah
Left = Ke kiri
Right = Ke kanan

Contohnya seperti ini :

<marquee direction="up"> Tulisan Bergerak Ke atas </marquee>

 Tulisan Bergerak Ke atas

<marquee direction="down"> Tulisan Bergerak Ke bawah </marquee>

 Tulisan Bergerak Ke bawah

<marquee direction="right"> Tulisan Bergerak Ke kanan </marquee>

 Tulisan Bergerak Ke kanan

<marquee direction="left"> Tulisan Bergerak Ke kiri </marquee>

 Tulisan Bergerak Ke kiri

4. Menentukan Tipe Pergerakan Tulisan

untuk menentukan tipe pergerakan tulisan berjalan dapat menggunakan code behavior="scroll/slide/alternate", contohnya seperti ini :

<marquee behavior="scroll"> Tulisan Bergerak Ke Kiri Dan Kembali Dari Sisi Yang Berlawanan </marquee>

 Tulisan Bergerak Ke Kiri Dan Kembali Dari Sisi Yang Berlawanan

<marquee behavior="slide"> Tulisan Bergerak Ke Kiri Dan Berhenti </marquee>

 Tulisan Bergerak Ke Kiri Dan Berhenti

<marquee behavior="alternate"> Tulisan Akan Bergerak Memantul </marquee>

 Tulisan Akan Bergerak Memantul

Catatan : Jika anda tidak menggunakan atribut behavior, maka secara default nilainya adalah "scroll"

5. Mengubah Warna Tulisan Dan Warna Backgrund Tulisan

Warna Tulisan

Untuk Mengubah warna tulisan dapat menggunakan code style="color: #KodeWarnaHTML;"

Contohnya :

<marquee style="color: #15E19D;"> Tulisan Berjalan warna Hijau </marquee>

 Tulisan Berjalan warna Hijau

Warna Backgrund Tulisan

untuk mengubah warna beckground tulisan hanya perlu menambahkan code bgcolor="#KodeWarnaHTML"

Contohnya :

<marquee bgcolor="#2BFCBA"> Tulisan Berjalan Dengan Warna Background Hijau </marquee>

 Tulisan Berjalan Dengan Warna Background Hijau

6. Cara Menambahkan Title Pada Text Berjalan

title berfungsi untuk memberikan informasi tertentu jika cursor menyentuh tulisan tersebut
untuk menambahkan title pada tulisan berjalan cukup menggunakan code title="informasi yang ingin disampaikan"

contohnya :

<marquee title="contoh pesan"> Tulisan akan memberikan pesan jika disentuh oleh cursor </marquee>

 Tulisan akan memberikan pesan jika disentuh oleh cursor

7. Cara Menambahkan Url Pada Text Berjalan

untuk menambahkan url pada text berjalan cukup dengan menambahkan code
<marquee><a href="https://url-tujuan/">Tulisan Berjalan</a></marquee>

contohnya :

<marquee><a href="https://www.apkmio.com/"> Contoh Penerapan Url Pada Text Berjalan </a></marquee>

 Contoh Penerapan Url Pada Text Berjalan

Catatan : dengan mengklick text berjalan di atas maka anda akan langsung dialihkan ke situs https://www.apkmio.com

8. Cara Membuat Text Berhenti Berjalan Ketika Disentuh Cursor

untuk membuat text berhenti berjalan ketika disentuh cursor, anda hanya perlu menambahkan code onmouseover="this.stop()" onmouseout="this.start()"

Contohnya :

<marquee onmouseover="this.stop()" onmouseout="this.start()"> Text Akan Berhenti Jika Disentuh Cursor </marquee>

 Text Akan Berhenti Jika Disentuh Cursor

Cara Memasang Text Berjalan Di Blog

Memasang Text Berjalan Di Widget

Pada Halaman Dashboard klick Tata Letak > Tambahkan Gadget
Pilih Html/JavaScript
Masukkan Script Marquee anda pada kolom yang disediakan
klick simpan

Memasang Text Berjalan Di Dalam Template

Pada Halaman Dashboard klick Tema > Edit HTML
Parse Code Marquee anda menggunakan Parse HTML Tools
setelah itu letakkan code marquee yang telah di parse tadi pada posisi yang anda inginkan
klick simpan tema

Memasang Text Berjalan Di Dalam Postingan / artikel

Pada Halaman Dashboard klick Postingan > Entri Baru
Pilih Mode HTML Bukan ~~Compose~~
Pastekan Script Marquee anda
klick Publikasikan

Demikianlah Artikel Cara Membuat Tulisan Berjalan ( Marquee ) Di Blogger, semoga dapat bermanfaat bagi anda.

sampai jumpa lagi di kesempatan berikutny
bye..