Cara membuat teks bergerak merupakan
salah satu langkah desain blog yang biasanya dilakukan untuk tek-teks atau
kalimat-kalimat yang penting, misalnya ucapan selamat datang, iklan atau judul
bagian-bagian tertentu dari blog. Baca juga artikel untuk mempercantik dan
mendesain blog berikut: cara
membuat judul widget berada di tengah sidebar.
Oke, kembali ke permasalahan, Sering kali kita melihat blog yang dihiasi oleh
tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian
besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada
teman-teman yang belum mengetahui cara pembuatannya.
Note: yang akan saya bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabilaadamousediareatulisanituakanberhenti.
berikut cara menjadikan teks di blog bergerak:
Note: yang akan saya bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabilaadamousediareatulisanituakanberhenti.
berikut cara menjadikan teks di blog bergerak:
- Login ke Blogger.
- Klik Tata Letak.
- Ketika sudah berada di Elemen Halaman klik Tambah Gadget.
- Lalu pilih HTML/JavaScript.
- Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini:
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:
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:
Kode:
<marquee direction="up"
scrollamount="2" align="center"> Contoh Tulisan Berjalan
</marquee>
6. Teks berjalan mondar-mandir
Kode:
Kode:
<marquee direction="up"
scrollamount="2" align="center"
behavior="alternate"> Contoh Tulisan Berjalan </marquee>
7. Teks berjalan zig-zag nembus
Kode:
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 Selanjutnya adalah mengganti
tulisan
Contoh Tulisan Berjalan
dengan tulisan atau kata-kata yang
anda inginkan.
Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.
# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik )
# Fungsi dari :
Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.
# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik )
# Fungsi dari :
<center> .............
</center> adalah agar tulisan tersebut selalu berada di tengah.
Oke, sekian posting saya dengan
judul cara membuat teks bergerak di blog.
Semoga bisa menjadi informasi yang bermanfaat..
Tidak ada komentar:
Posting Komentar