Cara Membuat Teks Bergerak di Blog –
Cara membuat teks marquee atau Cara menjadikan teks di blog bergerak
Membuat teks bergerak merupakan
salah satu cara untuk mempercantik dan mendesain blog agar menjadi lebih
menarik. Biasanya teks bergerak diterapkan untuk teks atau kalimat yang
penting, seperti ucapan selamat datang, iklan atau yang lainnya. Selain teks
berjalan uantuk mempercantik blog bisa and abaca pada artikel: cara membuat judul widget berada di tengah sidebar .
Kembali lagi ke pokok pembahasan berikut ini adalah Cara menjadikan teks di blog bergerak
- Pertama anda harus Login ke akun Blogger anda.
- Kemudian anda Klik Tata Letak.
- Saat sudah berada di Elemen Halaman klik Tambah Gadget.
- Kemudian anda pilih HTML/JavaScript.
- Selanjutnya anda masukkan kode marquee yang anda inginkan, dibawah ini adalah beberapa kode marquee tesebut:
1. Teks berjalan dari kanan ke kiri
Kode:
<marquee
direction="left" scrollamount="2"
align="center"> Contoh Tulisan Berjalan</marquee>
2. Teks berjalan dari kiri ke kanan
Kode:
<marquee
direction="right" scrollamount="2"
align="center"> Contoh Tulisan Berjalan
</marquee>
3. Teks berjalan bolak balik
Kode:
3. Teks berjalan bolak balik
Kode:
<marquee
direction="left" scrollamount="2" align="center"
behavior="alternate"> Contoh Tulisan
Berjalan </marquee>
4. Teks berjalan dari atas ke bawah
Kode:
4. Teks berjalan dari atas ke bawah
Kode:
<marquee
direction="down" scrollamount="2"
align="center"> Contoh Tulisan Berjalan
</marquee>
5. Teks berjalan dari bawah ke atas
Kode:
5. Teks berjalan dari bawah ke atas
Kode:
<marquee direction="up"
scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
6. Teks berjalan mondar-mandir
Kode:
<marquee direction="up"
scrollamount="2" align="center"
behavior="alternate"> Contoh Tulisan
Berjalan </marquee>
7. Teks berjalan zig-zag nembus
Kode:
<center><marquee
direction="up" scrollamount="2" align="center"
behavior="alternate" width="90%"><marquee
direction="right"> Contoh Tulisan Berjalan
</marquee></marquee></center>
8. Teks berjalan zig-zag mantul
Kode:
Kode:
<center><marquee
direction="up" scrollamount="2" align="center" behavior="alternate"
width="90%"><marquee direction="right"
behavior="alternate"> Contoh Tulisan
Berjalan </marquee></marquee></center>
Langkah berikutnya yaitu adalah mengganti
tulisan Contoh Tulisan Berjalan dengan tulisan yang
anda inginkan
Keterangan :
# direction="left/right/up/down" --> Untuk mengatur arah gerakan teks.
# scrollamount="angka" --> Untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka maka akan semakin cepat gerakannya.
# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
Scroll --> tuisan bergerak berputar
Slide--> tulisan bergerak sekali lalu berhenti
Alternate --> tulisan bergerak bolak balik dari kiri kekanan lalu balik lagi
# Fungsi dari :
Keterangan :
# direction="left/right/up/down" --> Untuk mengatur arah gerakan teks.
# scrollamount="angka" --> Untuk mengatur kecepatan gerakan dalam pixel, semakin besar angka maka akan semakin cepat gerakannya.
# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
Scroll --> tuisan bergerak berputar
Slide--> tulisan bergerak sekali lalu berhenti
Alternate --> tulisan bergerak bolak balik dari kiri kekanan lalu balik lagi
# Fungsi dari :
<center> .............
</center> supaya tulisan selalu berada di tengah.
Demikian yang dapat saya sampaiakan pada postingan kali ini mengenai cara membuat teks bergerak di blog. Semoga apa yang saya sampaikan dapat bermanfaat buat anda.
Komentar
Posting Komentar