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 :
- 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 :
Pada
tutorial ini, saya akan sedikit memberikan beberapa kode contoh EFEK
MARQUEE (tulisan berjalan) yang biasa kalian jumpai pada Sidebar /
Posting suatu blog.
Untuk menampilkannya di blog anda, cukup CO-PAS kode html-nya. Jika anda ingin menampilkan efek marquee seperti contoh nomor satu, anda tinggal copy kode pada kotak yang berada dibawah contoh efek marquee,
kemudian paste ke gadget HTML/javascript atau posting pada blog anda.
Untuk lain-lainnya anda bisa ber experiment sendiri" mudak ko'k.
01. Tulisan berjalan ke kanan.
Tulisan berjalan kekanan
02. Tulisan berjalan dengan gambar.
Tulisan berjalan dengan gambar
03. Tulisan berjalan ke atas.
Tulisan berjalan ketas
04. Tulisan dapat memantul.
Tulisan mantul
05. Tulisan berjalan akan berhenti jika dibayangi cursor.
Tulisan berjalan akan stop bila dibayangi oleh cursor
06. Tulisan zig-zag
Zig-zag
07. Tulisan Bouncing around
Bouncing around
8. Tulisan berjalan lambat
Tulisan berjalan lambat
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 bo)
# Fungsi dari :
<center> ............. </center>
adalah agar tulisan tersebut selalu berada di tengah.