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 ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.berikut cara pembuatannya :
1. Teks berjalan dari kanan ke kiri
kode :1. Teks berjalan dari kanan ke kiri
kode :1. Teks berjalan dari kanan ke kirikode :kode :2. Teks berjalan dari kiri ke kanan3. Teks berjalan bolak balik4. Teks berjalan dari atas ke bawah7. Teks berjalan zig-zag nembus
1. Teks berjalan dari kanan ke kiri
kode :1. Teks berjalan dari kanan ke kiri
kode :1. Teks berjalan dari kanan ke kirikode :kode :2. Teks berjalan dari kiri ke kanan3. Teks berjalan bolak balik4. Teks berjalan dari atas ke bawah7. Teks berjalan zig-zag nembus
Contoh Tulisan Berjalan
Ket :Ket :# 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 bo)
# Fungsi dari :# 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 bo)
# Fungsi dari :# 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 bo)# Fungsi dari :# Fungsi dari :
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
# Tulisan Contoh Tulisan Berjalan Diganti Dengan Tulisan Yang Kmu Mau# direction="left/right/up/down" --> Mengatur arah gerakan teks.
8. Teks berjalan zig-zag mantul
Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.berikut cara pembuatannya :
- Login ke Blogger
- Kemudian klik Tata Letak dan Elemen Halaman
- 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 :1. Teks berjalan dari kanan ke kiri
kode :1. Teks berjalan dari kanan ke kirikode :kode :2. Teks berjalan dari kiri ke kanan3. Teks berjalan bolak balik4. Teks berjalan dari atas ke bawah7. Teks berjalan zig-zag nembus
1. Teks berjalan dari kanan ke kiri
kode :1. Teks berjalan dari kanan ke kiri
kode :1. Teks berjalan dari kanan ke kirikode :kode :2. Teks berjalan dari kiri ke kanan3. Teks berjalan bolak balik4. Teks berjalan dari atas ke bawah7. Teks berjalan zig-zag nembus
# 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 bo)
# Fungsi dari :# 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 bo)
# Fungsi dari :# 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 bo)# Fungsi dari :# Fungsi dari :
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
# Tulisan Contoh Tulisan Berjalan Diganti Dengan Tulisan Yang Kmu Mau# direction="left/right/up/down" --> Mengatur arah gerakan teks.
8. Teks berjalan zig-zag mantul
Hasil:
kode :
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasil :
kode :
<marquee direction="left" scrollamount="2" align="center" behavior="alternate">Contoh Tulisan Berjalan </marquee>
hasil :
kode :
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasil :
5. Teks berjalan dari bawah ke atas
kode :
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>
hasil :
6. Teks berjalan mondar-mandir
kode :
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">Contoh Tulisan Berjalan </marquee>
hasil :
kode :
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>
hasil :
kode :
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>
hasil :
Contoh Tulisan Berjalandengan tulisan atau kata-kata yang anda inginkan.
<center> ............. </center>adalah agar tulisan tersebut selalu berada di tengah.
SEMOGA BERHASIL
0 komentar:
Posting Komentar