Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Membuat Text Berjalan/Bergerak pada Blogspot.
Bagaimana membuat text bisa bergerak dan berjalan dari kiri ke kanan atau dari kanan kekiri. yang biasanya sering kita sebut dengan Membuat efek Marquee pada blog....
trik code ini bisa ditaruh pada widget / sidebar blog maupun posting - an blog / entri..
berikut tutorial nya...
- Kode untuk text bergerak (dari kiri ke kanan adalah)
<marquee>Contoh scrolling text</marquee>
Hasil untuk kode ini seperti berikut:
- Untuk mengubah gerakan,
Tambahkan code berikutl.
direction="left"
direction="right"
direction="up"
direction="down"
Berikut contoh kode penambahan untuk pegerakan dari kanan ke kiri
direction="left"
direction="right"
direction="up"
direction="down"
Berikut contoh kode penambahan untuk pegerakan dari kanan ke kiri
<marquee direction="right" >Contoh scrolling text</marquee>
Hasil untuk kode ini adalah
- Ubah warna background
Untuk ubah background, bisa diletakkan kode berikut
bgcolor="#kod warna" . Untuk mencari kode warna silahkan cari Disini
Contoh kode yang diberi background,
bgcolor="#kod warna" . Untuk mencari kode warna silahkan cari Disini
Contoh kode yang diberi background,
<marquee direction="right" bgcolor="#99CCFF">Contoh scrolling text</marquee>
Hasil untuk kode ini adalah
- Yang ini ber gerak kanan-kiri.
behavior="alternate"
Contoh kode yang diletakkan pada trick ini.
<marquee behavior="alternate" bgcolor="#99CCFF">Contoh scrolling text</marquee>
Output untuk kode ini
- Ubah kecepatan bergerak pada text yang bergerak.
scrollamount="2"
Contoh kode pada trick blog .
<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" scrollamount="2">Contoh scrolling text</marquee>
Hasil untuk kode ini adalah
- Pause / berhenti apabila cursor diarahkan pada text.
Penambahan kode yang perlu dilakukan adalah :
onmouseover="this.stop()" onmouseout="this.start()"
Contoh kode pada blog seperti ini trick ini.
<marquee
behavior="alternate" direction="left" bgcolor="#99CCFF"
onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"
>Contoh scrolling text</marquee>
Output untuk trick ini.
Demikian blogger tutorial mengenai Cara Membuat Text Berjalan/Bergerak pada Blog.
Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^
Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^
0 komentar:
Post a Comment