Membuat Tulisan Mondar-Mandir dengan html codes
Sobat pasti pernah lihat kan tulisan mondar-mandir ?? Anda pasti bertanya-tanya,"kok bisa gitu ya?","gimana caranya?", "susah gak tuh?"..... tenang sob, disini kita akan kupas tuntas tentang tulisan mondar-mandir(marquee text). ada beberapa jenis marquee, diantaranya adalah :
1. Slide-in text:
yaitu text berjalan dari kanan ke kiri, kemudian berhenti. klik refresh (F5) untuk melihat ulang.
copy this code :
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
Hasil:
2. Continuous scrolling text:
yaitu text berjalan dari kanan ke kiri, tanpa berhenti tetapi dia muncul dari kanan lagi ke kiri, begitu seterusnya.
copy this code:
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
Hasil:
3. Text bouncing back and forth:
yaitu text berjalan dari kanan ke kiri, kemudian kembali ke kanan, kekiri, dan seterusnya.
copy this code :
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
<marquee behavior="alternate">Your bouncing text goes here</marquee>
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
Hasil:
4. Change the Scrolling Speed:
yaitu mengubah kecepatan berjalannya text,
copy this code :
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
Hasil:
Nah, gimana sobat ,,, sudah jelas belum pembahasan kita? saya kira sudah ya, saya tau kalian pasti pinter-pinter. bagi yang belum mengerti, dipersilahkan untuk bertanya dengan cara comment. jangan lupa "berbagi itu indah". semoga bermanfaat. terimakasih
1. Slide-in text:
yaitu text berjalan dari kanan ke kiri, kemudian berhenti. klik refresh (F5) untuk melihat ulang.
copy this code :
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
Hasil:
2. Continuous scrolling text:
yaitu text berjalan dari kanan ke kiri, tanpa berhenti tetapi dia muncul dari kanan lagi ke kiri, begitu seterusnya.
copy this code:
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
Hasil:
3. Text bouncing back and forth:
yaitu text berjalan dari kanan ke kiri, kemudian kembali ke kanan, kekiri, dan seterusnya.
copy this code :
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
<marquee behavior="alternate">Your bouncing text goes here</marquee>
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
Hasil:
4. Change the Scrolling Speed:
yaitu mengubah kecepatan berjalannya text,
copy this code :
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>
<!-- HTML codes by wa0n3berbagi.blogspot.com -->
Hasil:
Nah, gimana sobat ,,, sudah jelas belum pembahasan kita? saya kira sudah ya, saya tau kalian pasti pinter-pinter. bagi yang belum mengerti, dipersilahkan untuk bertanya dengan cara comment. jangan lupa "berbagi itu indah". semoga bermanfaat. terimakasih
0 comments:
Post a Comment