Cara Membuat Tulisan Berjalan (Marquee) di Blogger

Posted by on Rabu, 21 Desember 2016
Cara Membuat Tulisan Berjalan (Marquee) di Blogger | Selamat Pagi, Siang, atau Malam kawan VincentPublisher, kali ini saya akan memberikan tutorial bagaimana Cara Membuat Tulisan Berjalan (Marquee) di Blogger.

Tulisan berjalan atau biasa disebut marquee dalam blog/website biasanya dibuat untuk memberikan informasi penting, terbaru, hangat, yang dapat dilihat pengunjung sebagai informasi yang wajib untuk dibaca, kalo menurut saya sih ini tulisan caper kawan, haha,,, nih tulisan gerak - gerak terus membuat mata pengunjung juling,, wkwkwk,,,,ga segitunya sih ^_^,,, Script ini dapat di aplikasikan pada postingan kawan dengan mencantumkan script pada lembar kerja / halaman HTML dan bisa juga di Tata Letak Blog kawan dengan menambahkan HTML/Javascript. Okay,, langsung saja dibawah ini cara membuat tulisan berjalan (marquee) di blogger:

Kode dasar membuat tulisan berjalan
<marquee>TULISAN AKAN BERGERAK</marquee>
Kode diatas akan terlihat seperti dibawah ini:
TULISAN AKAN BERGERAK


Dengan kode dasar diatas kita dapat memberikan variasi menarik dengan menambahkan sedikit code. Dibawah ini merupakan beberapa contoh tambahan code dan sekaligus kita akan mempraktikkannya:

  • Kode scrolldelay="nilai" digunakan untuk mengatur jeda dalam milidetik, jadi untuk jeda 1 detik masukkan nilai 1000
Kode marquee dengan scrolldelay
<marquee scrolldelay="500">RUNNING TEKS DELAY 0,5 DETIK</marquee>
Kode diatas akan terlihat seperti dibawah ini:
RUNNING TEKS DELAY 0,5 DETIK

  • Kode loop="angka|-1|infinite" digunakan untuk mengatur pengulangan atau repetisi dari marquee
Kode marquee dengan loop
<marquee loop="3">MARQUEE BEROTASI 3 KALI SAJA</marquee>
Kode diatas akan terlihat seperti dibawah ini:
MARQUEE BEROTASI 3 KALI SAJA

  • Kode width="lebar" digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel atau persen dari bidang yang ada
Kode marquee dengan width
<marquee width="50%">MARQUEE LEBAR 50 PERSEN</marquee>
Kode diatas akan terlihat seperti dibawah ini:
MARQUEE LEBAR 50 PERSEN

  • Kode bgcolor="warna" digunakan untuk memberikan warna latar pada marquee
Kode marque dengan bgcolor
<marquee bgcolor="yellow">RUNNING TEXT LATAR KUNING</marquee>
Kode diatas akan terlihat seperti dibawah ini:
RUNNING TEXT LATAR KUNING

  • Kode title="pesan" digunakan untuk memunculkan pesan jika kursor mouse diletakkan di jalur teks berjalan
Kode marquee dengan tittle
<marquee title="INI PESAN TEKS">TEKS BERJALAN</marquee>
Kode diatas akan terlihat seperti dibawah ini:
TEKS BERJALAN
catatan: diamkan pointer mouse pada jalur teks berjalan

  • Kode scrollamount="nilai" digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya semakin kencang
Kode marquee dengan scrollamount
<marquee scrollamount="100">MARQUEE SPEED 14!!!</marquee>
Kode diatas akan terlihat seperti dibawah ini:
MARQUEE SPEED 100!!!
catatan: jangat dilihat terus nanti mabuk,,,, wkwkwkwkwk (ganti nilai untuk merubah speed)

  • kode direction="left/right/up/down" digunakan untuk mengatur arah pergerakan running text
Kode marquee dengan direction
<marquee direction="right">MARQUEE BERGERAK KE KANAN</marquee>
Kode diatas akan terlihat seperti dibawah ini:
MARQUEE BERGERAK KE KANAN

Kode marquee direction bisa juga ditambah width/height, berikut contoh kodenya
<marquee direction="down" height="100">MARQUEE BERGERAK KE BAWAH</marquee>
Kode diatas akan terlihat seperti dibawah ini:
MARQUEE BERGERAK KE BAWAH

  • Kode behavior="scroll/slide/alternate" digunakan untuk mengatur type pergerakan
    Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain
    Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi
    Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
Kode marquee dengan behavior
<marquee behavior="alternate">MARQUEE BERGERAK BOLAK-BALIK</marquee>
Kode diatas akan terlihat seperti dibawah ini:
MARQUEE BERGERAK BOLAK-BALIK

  • Kode onmouseover="this.stop()" onmouseout="this.start" digunakan untuk membuat tulisan berhenti ketika pointer mouse menyentuh teks/jalur teks berjalan
Kode marquee dengan onmouseover
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">MARQUEE BERGERAK BOLAK-BALIK</marquee>
Kode diatas akan terlihat seperti dibawah ini:
MARQUEE BERGERAK BOLAK-BALIK
catatan: sentuh teks/jalur teks berjalan dengan pointer mouse, maka teks berjalan akan berhenti

Kode onmouseover juga bisa di beri link seperti kode dibawah ini
<marquee direction="down" height="100" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href="http://www.vincentpublisher.com/2015/04/cara-daftar-m88-2015-terbaru.html" target="_blank">CARA DAFTAR M88</a></marquee> 
Kode diatas akan terlihat seperti dibawah ini:
CARA DAFTAR M88
catatan: sentuh teks/jalur teks berjalan dengan pointer mouse, maka teks berjalan akan berhenti, klik teks untuk membuka link


Beberapa contoh Kode diatas bisa kalian kombinasikan sesuai keinginan sobat,,, Selamat mencoba kawan. Jika ada yang ingin ditanyakan, bisa berkomentar dibawah ini. Sekian tutorial Cara Membuat Tulisan Berjalan (Marquee) dari saya, semoga bermanfaat, Terima Kasih sudah berkunjung,,,!!!
logoblog
Cara Membuat Tulisan Berjalan (Marquee) di Blogger

» Thanks for reading: Cara Membuat Tulisan Berjalan (Marquee) di Blogger

Next
This is the most recent post.
Previous
Posting Lama

No SPAM, Please...!!!!