Membuat tulisan berjalan marquee
Langsung aja nih caranya :
1. Log in ke Blogger
2. Masuk ke Dasbor
3. Pilih Tata Letak
4. Tambah Target / Add As Target (terserah kalian)
5. Pilih HTML/JavaScript
6. Copy Paste script dibawah ini :
Contoh MARQUEE dasar :
Kalimat Anda
Berjalan dari kanan ke kiri tanpa pembatas
<div style="background-color: #f3f3f3;">
<span style="color: red;"><marquee><span style="color:
blue;">Kalimat Anda</span></marquee></span></div>
Berjalan dari kiri ke kanan tanpa pembatas
Kalimat Anda
Cara menulisnya :
<div style="background-color: #f3f3f3;">
<span style="color: red;"><marquee direction="right"><span
style="color: blue;">Kalimat
Anda</span></marquee></span></div>
Berjalan Kekanan dan kekiri tanpa pembatas
Kalimat Anda
Cara menulisnya :
<div style="background-color: #f3f3f3;">
<span style="color: red;"><marquee behavior="alternate"><span
style="color: blue;">Kalimat
Anda</span></marquee></span></div>
Berjalan dari kanan ke kiri, tapi akan berhenti saat mouse berada diatas tulisan
tersebut
Kalimat Anda
Cara menulisnya :
<div style="background-color: #f3f3f3;">
<span style="color: red;"><marquee onmouseover="this.stop()"
onmouseout="this.start()"><span style="color: blue;">Kalimat
Anda</span></marquee></span></div>
Ini contoh marquee kanan kiri dengan kecepatan yang bisa di atur dengan menambahkan
perintah "Scrollamount"
Kalimat Anda
Cara menulisnya :
<div style="background-color: #f3f3f3;">
<span style="color: red;"><marquee behavior="alternate"
scrollamount="18"><span style="color: blue;">Kalimat
Anda</span></marquee></span></div>
Anda bisa mengatur kecepatan sesuai selera anda dengan mengganti value atau scrollamount="18"><span style="color: blue;">Kalimat
Anda</span></marquee></span></div>
angka pada kata scrollamout
Teks Anda
Cara menulisnya :
<div style="background-color: #f3f3f3;">
<span style="color: red;"><marquee direction="up"><span
style="color: blue;">Teks
Anda</span></marquee></span></div>
Teks Anda
Cara Menulisnya :
<div style="background-color: #f3f3f3;">
<span style="color: red;"><marquee direction="down"><span
style="color: blue;">Teks
Anda</span></marquee></span></div>
Teks Anda
Cara menulisnya :
<div style="background-color: #f3f3f3;">
<span style="color: red;"><marquee direction="up"
behavior="alternate"
scrollamount="18"><span style="color: blue;">Teks
Anda</span></marquee></span></div>
Kalau sekarang marquee dengan pembatas biasanya untuk kata/kalimat yang berurutan,
agar tidak terlalu memakan tempat, bergerak keatas dan akan berhenti saat mouse
anda berada diatasnya
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Cara menulisnya :
<div style="background-color: #f3f3f3;">
<span style="color: red;"><marquee direction="up"
onmouseover="this.stop()"
width="200" scrollamount="3" onmouseout="this.start()"
height="100"><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br></marquee></span></div>
Ini kalau ke bawah dan "bablas" aja walaupun mouse anda berada diatasnya
(tanpa kode muoseover....)
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Cara menulisnya :
<div style="background-color: #f3f3f3;">
<span style="color: red;"><marquee direction="down"
width="200"
scrollamount="4" height="100">Kalimat Anda<br><span
style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br></marquee></span></div>
Ini dengan perintah "center" agar tulisan berada di posisi tengah
form/bingkai :
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Kalimat Anda
Cara menulisnya :
<div style="background-color: #f3f3f3;">
<span style="color: red;"><center><marquee
direction="up" onmouseover="this.stop()"
width="200" scrollamount="1" onmouseout="this.start()"
height="100"><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br><span style="color: blue;">Kalimat
Anda</span><br></marquee></center></span></div>
7. Simpan....
8. Selesai
Selamat mencoba
0 komentar:
Posting Komentar