Membuat tulisan berjalan marquee

Untitled Document

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;">&lt;marquee&gt;<span style="color:
blue;">Kalimat Anda</span>&lt;/marquee&gt;</span></div>


Berjalan dari kiri ke kanan tanpa pembatas

Kalimat Anda

Cara menulisnya :

<div style="background-color: #f3f3f3;">

<span style="color: red;">&lt;marquee direction="right"&gt;<span
style="color: blue;">Kalimat

Anda</span>&lt;/marquee&gt;</span></div>

Berjalan Kekanan dan kekiri tanpa pembatas

Kalimat Anda

Cara menulisnya :

<div style="background-color: #f3f3f3;">

<span style="color: red;">&lt;marquee behavior="alternate"&gt;<span
style="color: blue;">Kalimat

Anda</span>&lt;/marquee&gt;</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;">&lt;marquee onmouseover="this.stop()"
onmouseout="this.start()"&gt;<span style="color: blue;">Kalimat


Anda</span>&lt;/marquee&gt;</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;">&lt;marquee behavior="alternate"
scrollamount="18"&gt;<span style="color: blue;">Kalimat
Anda</span>&lt;/marquee&gt;</span></div>
Anda bisa mengatur kecepatan sesuai selera anda dengan mengganti value atau


angka pada kata scrollamout

Teks Anda

Cara menulisnya :

<div style="background-color: #f3f3f3;">

<span style="color: red;">&lt;marquee direction="up"&gt;<span
style="color: blue;">Teks

Anda</span>&lt;/marquee&gt;</span></div>



Teks Anda

Cara Menulisnya :

<div style="background-color: #f3f3f3;">

<span style="color: red;">&lt;marquee direction="down"&gt;<span
style="color: blue;">Teks

Anda</span>&lt;/marquee&gt;</span></div>



Teks Anda

Cara menulisnya :

<div style="background-color: #f3f3f3;">

<span style="color: red;">&lt;marquee direction="up"
behavior="alternate"

scrollamount="18"&gt;<span style="color: blue;">Teks
Anda</span>&lt;/marquee&gt;</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;">&lt;marquee direction="up"
onmouseover="this.stop()"

width="200" scrollamount="3" onmouseout="this.start()"


height="100"&gt;<span style="color: blue;">Kalimat
Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat


Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat
Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat


Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat
Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat


Anda</span>&lt;br&gt;&lt;/marquee&gt;</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;">&lt;marquee direction="down"
width="200"

scrollamount="4" height="100"&gt;Kalimat Anda&lt;br&gt;<span
style="color: blue;">Kalimat

Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat
Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat


Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat
Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat


Anda</span>&lt;br&gt;&lt;/marquee&gt;</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;">&lt;center&gt;&lt;marquee
direction="up" onmouseover="this.stop()"

width="200" scrollamount="1" onmouseout="this.start()"


height="100"&gt;<span style="color: blue;">Kalimat
Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat


Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat
Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat


Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat
Anda</span>&lt;br&gt;<span style="color: blue;">Kalimat


Anda</span>&lt;br&gt;&lt;/marquee&gt;&lt;/center&gt;</span></div>


7. Simpan....
8. Selesai
Selamat mencoba
 


Share:

0 komentar:

Posting Komentar