Cara Membuat Tulisan N Gambar Berjalan di Blog

Blogger, Tutorial Blog

Gimana ya.. bikin tulisan berjalan... Kayak Yang Dibawah ini Ni...

Bergerak kekanan !

Ke Kanan dan Kekiri ??

Bergerak kekanan Perlahan !

Ke Kanan dan Kekiri Dan Bisa Di stop??

Bergerak Ke Atas

Bergerak Ke Atas dan Ke bawah

Gimana.. berminat untuk kamu bisa membuatnya. Ni caranya :

• Pertama Masuk ke akun Blog kamu
• Pilih Tambah Gadget, pilih yang html/javascript
• Kemudian kamu kopas (kopi paste) kode html di bawah ini dan masukkan ke isian html/javascript yang kamu pilih tadi.

Oke ini kode nya :

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

Untuk Yang Bergerak kekiri ! : Tinggal ganti kata "right" menjadi "Left"


Untuk Yang 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>


Untuk Yang Bergerak kekanan Perlahan : Note : nilai scrolldelay menentukan cepat atau lambatnya tulisan bergerak.Direction = menentukan arah bergerak
<marquee direction="right" scrolldelay="500"><span style="color: rgb(255, 255, 0); font-weight: bold;">Bergerak kekanan Perlahan !</span></marquee>


Untuk Yang 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>


Untuk Yang 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>


Untuk Yang 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 : Kamu bisa ubah warna tulisan dengan mengubah angka pada :
"rgb(255,0,0)" = menjadi merah
"rgb(0,255,0)" = menjadi Hijau
"rgb(0,0,255)" = menjadi Biru


Kode yang diatas bisa juga diganti dengan kode "#000000" = menjadi hitam ataupun langsung pada kata "black", "red",  "orange", dll.
Atau dikombinasi sendiri dengan mengetahui kode warna disini ....Coba-coba aja ya....

• Nah itu semua untuk tulisan yang berjalan, kalo kamu mau gambar yang berjalan kekanan seperti gambar di bawah ini :

• Kamu bisa membuatnya dengan kopas (kopi paste) kode html di bawah ini :

<marquee direction="right"><img src="https://lh4.googleusercontent.com/-qqQPs3lLdu8/Tg63hTnwR_I/AAAAAAAAAc4/jTYMr-UEdOE/home.png" /></marquee>

Note : Ganti url : https://lh4.googleusercontent.com/-qqQPs3lLdu8/Tg63hTnwR_I/AAAAAAAAAc4/jTYMr-UEdOE/home.png pada kode diatas dengan url gambar kamu sendiri.

• Selesai dah ... selamat mencoba ya.... Semoga ini dapat bermanfaat.