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:
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
<marquee scrolldelay="500">RUNNING TEKS DELAY 0,5 DETIK</marquee>
Kode diatas akan terlihat seperti dibawah ini:- 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:- 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:- 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:- 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: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: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: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:- 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:- 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: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">
MARQUE BERHENTI JIKA DI SENTUH POINTER MOUSE</marquee> 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,,,!!!