Apa itu Marquee??, marquee adalah tulisan atau angka yang dibuat agar bisa berjalan contoh :
atau bisa di lihat di atas di atas header di bawah Navigasi Blog ini ^_^
Udah taukan, apa itu marquee, Cara membuatnya mudah kok tinggal ikuti langkah/tutorial berikut:
Selain bentuk dasar di atas, ada juga kode-kode lainnya yang bisa diselipkan ke kode dasar diatas :
Dengan Susunan :
Kode efek bisa banyak sekali.
1. Jika sobat mau kalau marquee tsb. jika di sorot mouse akan berhenti maka tinggal menambahkan
kode dibawah ini :
<marquee onmouseover="this.stop()" onmouseout="this.start()">Tulisan</marquee>
Jadinya :
2. Jika sobat mau Marquee dengan Link simak sob :
kode Dasar :
bisa kok :
Kode Dasar :
Jadinya :
atau bisa di lihat di atas di atas header di bawah Navigasi Blog ini ^_^
Udah taukan, apa itu marquee, Cara membuatnya mudah kok tinggal ikuti langkah/tutorial berikut:
- Login ke akun Blogger Sobat.
- Masuk ke Tata Letak.
- Klik Tambah Gadget.
- Pilih tambah HTML/Java Script
- Lalu Masukin nih kode-kode Html berikut :
Bentuk Kodenya :<marquee>Tulisan Disini</marquee>
- Klik Save/Simpan.
- Lalu jika Ingin di Edit posisinya tinggal di Drag di posisi yang diinginkan.
Selain bentuk dasar di atas, ada juga kode-kode lainnya yang bisa diselipkan ke kode dasar diatas :
- bgcolor="Kode HTML Warna"
untuk mengganti warna dari text marquee, adapun Kode HTML Warna diganti dengan kode HTML warna sesuka sobat, bisa diisi dengan dengan melihat dulu Kode HTMLnya atau bisa klik DISINI<marquee bgcolor="red">Tulisan Disini</marquee>
- direction="left/right/up/down"
untuk mengatur arah gerakan text/marquee<marquee direction="up">Tulisan Disini</marquee>
- behavior="scroll/slide/alternate"
Untuk mengatur perilaku gerakan.- behavior="scroll"
Kode untuk membuat text bergerak berputar.<marquee behavior="scroll">Tulisan Disini</marquee>
- behavior="slide"
Kode untuk membuat text bergerak sekali lalu berhenti.<marquee behavior="slide">Tulisan Disini</marquee>
- behavior="alternate"
Kode untuk membuat text bergerak bolak-balik kekanan-kekiri.<marquee behavior="alternate">Tulisan Disini</marquee>
- behavior="scroll"
- title="pesan"
Untuk memberi teks saat mouse berada di atas text.<marquee title="Pesan">Tulisan Disini</marquee>
- scrollamount="kecepatan"
untuk mengatur kecepatan text/marquee
contoh : scrollamount="3"<marquee scrollamount="3">Tulisan Disini</marquee>
- scrolldelay="jumlah waktu tunda"
untuk mengatur waktu tunda gerakan dalam mili detikcontoh : scrolldellay="2"
<marquee scrolldellay="2">Tulisan Disini</marquee> - loop="angka|-1|infinite"
Mengatur jumlah loop<marquee loop="infinite">Tulisan Disini</marquee>
- width="jumlah angka lebar"Mengatur lebar blok teks dalam pixel atau persen
<marquee width="3" >Tulisan Disini</marquee>
Dengan Susunan :
<marquee(spasi)kode efek1(spasi)kode efek2>Tulisan Disini</marquee>
Kode efek bisa banyak sekali.
1. Jika sobat mau kalau marquee tsb. jika di sorot mouse akan berhenti maka tinggal menambahkan
kode dibawah ini :
onmouseover="this.stop()" onmouseout="this.start()"
Dengan susunan<marquee onmouseover="this.stop()" onmouseout="this.start()">Tulisan</marquee>
Jadinya :
2. Jika sobat mau Marquee dengan Link simak sob :
kode Dasar :
<marquee><a href="alamat Web">judul</a>Dan jika ingin Link nya Banyak
bisa kok :
Kode Dasar :
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">
<a href="http://esbepe-sbp.blogspot.com/">cara membuat blog</a><br/>
<a href="http://esbepe-sbp.blogspot.com/2007/04/bikin-blog.html">Membuat blog </a><br/>
<a href="http://esbepe-sbp.blogspot.com/2007/08/membuka-program-periklanan.html">Pasang Iklan</a><br/>
</marquee>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="100" align="center">
<a href="http://esbepe-sbp.blogspot.com/2007/08/membuka-program-periklanan.html">Pasang Iklan </a>
<a href="http://esbepe-sbp.blogspot.com/2007/04/bikin-blog.html">Membuat blog </a><br/>
<a href="http://esbepe-sbp.blogspot.com/">cara membuat blog</a><br/>
</marquee>
Jadinya :
0 comments:
Post a Comment