Bagaimana cara membuat tulisan berjalan pada blog.?? Tulisan atau text berjalan ini para blogger biasa menyebutnya Marquee Text karena cara buatnya menggunakan kode marquee.. Di bawah ini, Oplosanblog akan coba share berbagai macam variasi marquee text yang bisa sobat coba. Karena dengan adanya marquee text ini di blog sobat, akan membuat blog sobat lebih dinamis dan bisa membuat blog lebih menarik di mata pengunjung blog.. hehe..
oke langsung saja yah, tapi sebelumnya akan dijabarkan penggunaannya marquee text ini pada bagian manannya.. cekibrrottt brohh..
Sobat Oplosanblog bisa menggunakan marquee text ini di widget blog atau di postingan, berikut step2 nya..
1. Pasang di widget blog
- Login dulu ke akun blog sobat
- Klik menu
Tata Letak / Layout
- Klik tambah
Gadget
- Pilih gadget
HTML/JAVASCRIPT
- Copy pastekan kode-kode marquee text yang sobat buat
- Terakhir klik
Simpan
2. Pasang pada postingan blog
- Saat akan menulis artikel untuk blog sobat, setting ke tampilan
HTML terlebih dahulu
- Copy pastekan kode-kode marquee text yang sobat buat
- Kembalikan ke tampilan
COMPOSE untuk melihat posisi text sudah cocok apa belum
- Klik
PRATINJAU untuk lihat hasilnya sebelum benar-benar mau diposting
Sudah jelas kan untuk pemasangannya, kalo ada yang kurang jelas bisa sobat komentar di bawah.. hehe... Okey, selanjutnya baru Oplosanblog coba share variasi marquee text nya.. capcuss..
1. Kode dasar Marquee Text
<marquee>TULISAN BERJALAN</marquee>
Hasilnya seperti ini
2. Kode variasi jenis font, warna, ukuran pada Marquee Text
Bisa sobat coba tambahkan seperti ini
<marquee bgcolor="pink" style="font-family:
Arial; font-size:
20px, color:
#B24700;">TULISAN BERJALAN</marquee>
Keterangan :
bgcolor =
warna background
font-family =
jenis font
font-size =
ukuran font
color =
warna font (kode bisa cari
DI SINI)
Hasilnya seperti ini
3. Kode variasi waktu delay pada Marquee Text
Contoh :
<marquee scrolldelay="1000">TULISAN BERJALAN</marquee>
angka 1000 untuk jeda 1 detik, 500 untuk jeda 0,5 detik, dst
Hasilnya seperti ini
4. Kode variasi untuk mengatur lebar teks yang berjalan
<marquee
width="50%">TULISAN BERJALAN</marquee>
sobat bisa variasi sendiri, dari angka 100% sampai 10% :D
Hasilnya seperti ini
5. Kode variasi untuk mengatur kecepatan teks yang berjalan
<marquee
scrollamount="12">TULISAN BERJALAN</marquee>
angka 12 bisa sobat ganti sesuai selera, semakin besar angkanya maka semakin cepat jalannya
Hasilnya seperti ini
6. Kode variasi pengulangan teks yang berjalan
<marquee
loop="3">TULISAN BERJALAN</marquee>
jadi semisal sobat isi dengan angka 3, makan text hanya melakukan pengulangan text yang berjalan sebanyak 3 kali, setelah itu teks akan hilang
Hasilnya seperti ini
7. Kode variasi title pada teks yang berjalan
<marquee
title="TULISAN BERJALAN">TULISAN BERJALAN</marquee>
apabila kursor sobat di dekatkan di teks berjalan maka akan muncul tulisan
Hasilnya seperti ini
8. Kode variasi untuk membuat teks berjalan ke kanan/ke kiri/ke atas/ke bawah
<marquee
direction="right">TULISAN BERJALAN</marquee>
direction bisa diisi right/left/up/down.. namun kalau sobat pilih yang up dan down sobat harus menambahkan kode height
contoh :
<marquee
direction="up" height="100">TULISAN BERJALAN</marquee>
Hasilnya seperti ini
9. Kode variasi untuk mengatur pergerakan teks yang berjalan
<marquee
behavior="scroll/slide/alternate">TULISAN BERJALAN</marquee>
behavior bisa diisi slide/scroll/alternate
slide = tulisan bergerak sekali, berhenti kemudian diulang lagi
scroll = tulisan muncul dari ujung satu dan hilang pada ujung yang satunya
alternte = tulisan akan memantul dari kiri-kanan
contoh yang variasi alternate
<marquee
behavior="alternate">TULISAN BERJALAN</marquee>
Hasilnya seperti ini
10. Kode variasi untuk menambahkan link pada teks yang berjalan
<marquee direction="right">
<a href="http://oplosanblog.blogspot.com/2016/04/cara-membuat-tulisan-berjalan-marquee.html">TULISAN BERJALAN</a></marquee>
Hasilnya seperti ini
11. Kode variasi untuk membuat teks berhenti berjalan bila kursor di dekatkan pada teks
tinggal tambahkan saja tulisan =
onmouseover="this.stop()" onmouseout="this.start()"
<marquee behavior="alternate"
onmouseover="this.stop()" onmouseout="this.start()">TULISAN BERJALAN</marquee>
Hasilnya seperti ini
Sudah jelas kan sekarang sobat... waktunya berkreasi teks berjalan.. selamat mencoba... semoga bermanfaat ^_^