Cara Membuat Tulisan Berjalan ( Marquee ) Di Blogger


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.b-ngeblog.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.b-ngeblog.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..

Berlangganan update artikel terbaru via email:

0 Response to "Cara Membuat Tulisan Berjalan ( Marquee ) Di Blogger"

Posting Komentar

Jika Ada Yang Ingin Anda Tanyakan Terkait Artikel Ini Silahkan Bertanya Melalui Kolom Komentar Dibawah, Atau Dengan Menghubungi Kami Pada Halaman Contact.

1. Centang kotak Notify Me / Beri Tahu Saya untuk mendapatkan notifikasi komentar.
2. Komentar kami moderasi, dan tidak semuanya dipublish.
3. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel