Cara Membuat Marque (tulisan berjalan)

About IT....
bagi sobat blogger yang kesusahan mencari tahu cara membuat marque / teks berjalan di blog jangan khawatir... kali ini saya akan memposting cara membuat marque tersebut. langsung saja

1. masuk ke akun blogger
2. pilih ke rancangan / layout
3. add gadget / tambahkan gadget
4. klik HTML java script
lalu paste kode dibawah ini OK....

1. untuk yang bergerak ke kanan

Bergerak kekanan !

<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Bergerak kekanan !</span></marquee>

2. Untuk Yang Ke Kanan dan Kekiri

Ke Kanan dan Kekiri ??

<marquee direction="left" behavior="alternate"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri ??</span></marquee>

3. Untuk Yang Bergerak kekanan Perlahan : Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak

Bergerak kekanan Perlahan !

4. Untuk Yang Ke Kanan dan Kekiri Dan Bisa Di stop

Ke Kanan dan Kekiri Dan Bisa Di stop??

<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>

5. Untuk Yang Bergerak Ke Atas

Bergerak Ke Atas

<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(0, 255, 0); font-weight: bold;">Bergerak Ke Atas</span></marquee>

6. Untuk Yang Bergerak Ke Atas dan Ke bawah

Bergerak Ke Atas dan Ke bawah

<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(255, 0, 255); font-weight: bold;">Bergerak Ke Atas dan Ke bawah</span></marquee>

Note : Anda bisa merubah warna tulisan dengan mengubah angka pada :
rgb(255,0,0)=menjadi merah
rgb(0,255,0)=menjadi Hijau
rgb(0,0,255)=menjadi Biru
Atau dikombinasi....Coba-coba aja ya....

7. untuk gambar yang bergerak dari kanan ke kiri



ganti URL https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1s3RvnzfrVRN1HGdG1V4BbFVUth5YiiEjzK9jdSNd0yryHPNAiXUb4XO9I6SgdQxF1zdSQMA4_9lddsDgUEEVRrSujZjW5XXSdpppNvah1Y7eWQBAamFHUNWYq9b8OTuAo-w1sJ0v-yw/s1600/2.jpg dgn URL image milik anda

8. untuk tulisan dengan background

Tulisan berjalan dengan background.

<marquee bgcolor="grey" style="color:white;">Tulisan berjalan dengan background.</marquee>

9. untuk tulisan disertai gambar



Dengan gambar


<marquee behavior="scroll">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1s3RvnzfrVRN1HGdG1V4BbFVUth5YiiEjzK9jdSNd0yryHPNAiXUb4XO9I6SgdQxF1zdSQMA4_9lddsDgUEEVRrSujZjW5XXSdpppNvah1Y7eWQBAamFHUNWYq9b8OTuAo-w1sJ0v-yw/s1600/2.jpg" width="110" height="84"><br />Dengan gambar
</marquee>

10 untuk tulisan zigzag


Zig-zag


<marquee behavior="alternate" direction="up" height="50px">
<marquee direction="right">Zig-zag</marquee>
</marquee>

11. untuk tulisan bouncing down


Bouncing around


<marquee behavior="alternate" direction="up" width="300" height="100">
<marquee direction="right" behavior="alternate">Bouncing around</marquee>
</marquee>

semoga bermanfaaat