Seringkali kita melihat blog yang dihiasi dengan tulisan tulisan berjalan. Dalam post ini akan saya terangkan sedikit tentang cara membuatnya. Lumayan, sedikit banyak akan menambah kecantikan blog yang anda kelola. Siap? Mulai.
1. Masuk ke Blogger dulu donk.
2. Klik Tata letak dan elemen laman.
3. Klik tambah gadget.
4. Lalu pilih HTML / javascript.
5. 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">kangmastempatbelajar.blogspot.com</marquee>
Hasilnya seperti ini !!!
2. Teks berjalan dari kiri ke kanan
Kode :
<marquee direction="right" scrollamount="2" align="center"> kangmastempatbelajar.blogspot.com </marquee>
Hasilnya seperti ini !!!
3. Teks berjalan Bolak balik
Kode :
<marquee direction="left" scrollamount="2" align="center" behavior="alternate">kangmastempatbelajar.blogspot.com </marquee>
Hasilnya seperti ini !!!4. Teks berjalan dari atas ke bawah
Kode:
< <marquee direction="down" scrollamount="2" align="center"> kangmastempatbelajar.blogspot.com </marquee>
Hasilnya seperti ini !!! 5. Teks berjalan dari bawah ke atas
Kode :
<marquee direction="up" scrollamount="2" align="center">kangmastempatbelajar.blogspot.com </marquee>
Hasilnya seperti ini !!! 6. Teks berjalan mondar mandir keatas dan kebawah
Kode :
<marquee direction="up" scrollamount="2" align="center" behavior="alternate">kangmastempatbelajar.blogspot.com </marquee>
Hasilnya seperti ini !!! 7. Teks berjalan zig-zag dan menembus
Kode :
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right">kangmastempatbelajar.blogspot.com </marquee></marquee></center>
Hasilnya seperti ini !!! 8. Teks berjalan zig-zag dan memantul
Kode :
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> kangmastempatbelajar.blogspot.com </marquee></marquee></center>
Hasilnya seperti ini !!! # 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)
Terima kasih. Semoga bermanfaat. Salam kangmastempatbelajar.blogspot.com
Tidak ada komentar:
Posting Komentar