Cara Membuat Tulisan (Teks) Berjalan Marquee

Mediababe.net – Cara membuat tulisan berjalan di blog. Teks berjalan atau running teks biasanya sering kita lihat di televisi atau di media digital lainnya dan biasanya juga tulisan ini sering digunakan pada lampu LED toko-toko. Nah kalian tau nggak sebenarnya tujuan dari Marquee ini? tujuannya tidak lain lagi yakni untuk mengarahkan pusat perhatian ke arahnya dan membuat pengunjung menjadi penasaran dengan teks yang akan muncul.

Di dalam dunia blogging tulisan berjalan silih berganti ini sering disebut dengan nama marquee, karena untuk membuatnya kita hanya perlu menggunakan kode bahasa htlm tag marquee. Marquee sendiri memiliki banyak sekali varian hal ini dikarenakan memang kode ini sudah tersedia di html. Lalu bagaimana sih cara membuat tulisan berjalan di blogspot? Langsung simak pada berikut ini.

Cara Menampilkan Tulisan Berjalan di Artikel Blog

Membuat tulisan berjalan di artikel blogspot sangat mudah kita hanya perlu menambahkan tag marquee pada tulisan yang dipilih nah setelah sudah ditambahkan tag maka membuat tulisan bergerak ke samping kanan atau kiri di blogspot akan terasa mudah sekali. Contohnya anda bisa melihat demonya pada berikut ini.

1.  Kode dasar marquee untuk membuat tulisan berjalan adalah :

<marquee>TULISAN BERJALAN</marquee>

kode di akan bentuk kode dasar, Diperlukan tambahan kode lain jika menginginkan variasi gerak lainnya dari sebuah marquee.

2.  kode loop=”angka|-1|infinite” , kode ini digunakan untuk melakukan pengaturan proses pengulangan sebuah marquee.

contoh perintah kode marquee :

<marquee loop=”5″>MARQUEE AKAN BERPUTAR 5 KALI LALU MENGHILANG</marquee>

3.  kode scrolldelay=”angka” , kode ini digunakan untuk mengatur waktu delay selama “angka”, Jadi bila ingin menunda delay selama 1 detik maka ganti “angka” menjadi 1000, atau bila ingin 0.5 detik maka diganti dengan 500.

Contoh perintah marquee :
<marquee scrolldelay=”500″>TEKS BERJALAN DAN DELAY SELAMA 0.5 DET</marquee>

4.  kode bgcolor=”warna” , kode ini digunakan untuk mengatur warna background tulisan berjalan. “warna” dapat diganti menggunakan bahasa Inggris yang menyatakan jenis warna

Contoh perintahnya :
<marquee bgcolor=”yellow”>TEXT DENGAN BACKGROUND KUNING</marquee>

5.   kode scrollamount=”angka” , kode digunakan untuk mengatur kecepatan gerakan tulisan berjalan. Semakin besar “angka” semakin cepat juga gerakannya.

contoh perintah :
<marquee scrollamount=”10″>Kecepatan Tulisan berjalan 10</marquee>

6. kode direction=”left/right/up/down” , kode ini digunakan untuk mengatur arah gerakan tulisan yang diinginkan.

contoh perintah :
<marquee direction=”right”>TEKS BERJALAN KE KANAN</marquee>
<marquee direction=”up”>TEKS BERJALAN KE ATAS</marquee>
hasilnya :

7.  kode width=”lebar” , kode ini digunakan untuk mengatur lebar media yang akan menampung marquee


contoh perintah :
<marquee width=”50%”>LEBAR MEDIA 50 %</marquee>

8. kode title=”pesan” , kode ini digunakan untuk menampilkan suatu pesan jika kursor mouse didekatkan pada jalur teks

contoh perintah :
<marquee title=”PESAN DI SINI”>MARQUEE berisi pesan tertentu</marquee>

9.  kode behavior=”scroll/slide/alternate” , kode ini digunakan untuk mengatur jenis gerakan, Yaitu :
– Scroll bila ingin text berjalan terus ke salah satu sisi
– Slide  bila ingin text berjalan tersendat-sendat
– Alternate  bila ingin text berjalan seperti memantul

contoh perintah :
<marquee behavior=”scroll”>MARQUEE BERGERAK KE SISI</marquee>
<marquee behavior=”slide”>MARQUEE BERGERAK TERSENDAT</marquee>
<marquee behavior=”alternate”>MARQUEE MEMANTUL</marquee>

10.  kode onmouseover=”thsi.stop()” onmouseout=”this.start()”  , kode ini digunakan jika ingin tulisan berhenti bergerak jika ada mouse mengenainya.

contoh perintah :
<marquee behavior=”alternate” onmouseover=”this.stop()” onmouseout=”this.start()”>TULISAN BOLAK BALIK</marquee>

11. Membuat link di tulisan berjalan
<marquee behavior=”alternate” onmouseover=”this.stop()” onmouseout=”this.start()”><a href=”http://mediababe.net/2017/03/cara-membuat-forum-di-blog-menggunakan-google-groups.html”>CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a></marquee>

Cara Memasang Kode Marquee di Blog

Setelah mengetahui model – model penerapan kode marquee, Maka langkah selanjutnya ialah mengetahui cara memasangnya di blog. Ada dua jenis tempat yang digunakan untuk memasang kode tersebut, yaitu pada widget dan di dalam postingan. Penjelasannya berikut :

1. memasang kode di widget
  • Masuk ke menu Tata Letak ( Layout )
  • Klik Tambahkan Gadget
  • Pilih gadget HTML / JavaScript
  • Masukkan kode marque yang ingin dibuat pada bidang konten
  • Simpan

2. memasang kode di postingan ( artikel )

  • Pada bidang postingan, Klik mode HTML
  • Masukkan kode HTML marquee
  • Klik mode Compose untuk kembali melanjutkan postingan lainnya

3. memasang kode di dalam template

  • lakukan parse kode HTML marquee terlebih dahulu
  • klik menu template di dashboard blogger
  • klik Edit HTML
  • letakkan kode HTML marquee yang telah diparse pada posisi yang ingin ditampilkan
  • save template

Cara Menambahkan Warna, Ukuran Huruf, Jenis Huruf pada Tulisan Berjalan Marquee

Dengan menambahkan beberapa kode lagi maka dilakukan perubahan terhadap jenis huruf, ukuran, maupun warna teks berjalan,

Misalnya kode :
style=”font-family:arial; font-size:20px; color:#ffffff;”

font-family:arial;  –> kode untuk mengubah huruf menjadi jenis huruf arial

font-size:20px;   –> kode untuk mengatur besar huruf

color#ffffff;         –> kode untuk mengubah warna huruf

contoh :

<marquee bgcolor=”blue” style=”font-family:arial; font-size:20px; color:#ffffff;”>TEKS BERJALAN WARNA LATAR BIRU</marquee>


Cara Membuat Tulisan (Teks) Berjalan Marquee | Admin MB | 4.5

Leave a Reply

Your email address will not be published.