Kamis, 28 November 2013

TULISAN BERGERAK PADA POSTING

Kita langsung saja ke TKP......
N Tanpa berpanjang kalam lagi simaq keterangan dibawah ini

Pasang kode Marquee pada artikel
Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML seperti gambar dibawah ini 

Silahkan masukkan kode Marquee di mode HTML
Cek posisi teks di mode Compose
Untuk melihat apakah kode berjalan, silahkan klik Pratinjau. 
Supaya lebih jelas dan tidak bingung, kita bahas terlebih dahulu cara mengubah warna , huruf, dan ukuran pada teks. Ikuti langkah-lenglah berikut..

Kode dasarnya adalah
style="font-family: Arial; font-size:20px; color:#800C0C;"
Arial adalah jenis huruf
20px adalah ukuran huruf
#f2f2f2 adalah warna huruf
Silahkan ubah sesuai dengan keinginan anda

Contoh kode nya seperti ini..
<marquee bgcolor="pink" style="font-family: Arial; font-size:20px; color:#800C0C;">NIKI CONTO BACKGROUND AREA TEKS</marquee>


Hasilnya akan terlihat seperti ini NIKI CONTO BACKGROUND AREA TEKS

Kode Marquee untuk mengatur lebar teks Kode width="angka lebar" berguna untuk mengatur lebar dari kode teks yang yang akan berjalan. Bisa anda atur 50% untuk setengah bidang saja, atau bisa 25% untuk seperempat bidang teks berjalan saja.

Contoh kodenya seperti ini:
<marquee width="50%">LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG</marquee>
Keterangan: Angka 50% bisa anda ganti sesuai lebar bidang yang anda inginkan.


Hasilnya akan terlihat seperti ini :

LEBAR TEKS BERJALAN HANYA SETENGAH BIDANG

Kode Marquee untuk memberi link pada teks
Kode dasar seperti ini..
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://onendoang.blogspot.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN</a></marquee>

Hasilnya akan terlihat seperti ini.


TULISAN BERGERAK PADA POSTING

Kode Marquee untuk mengatur background pada jalur teks
Kode bgcolor="warna" berguna untuk memberikan warna background pada area teks berjalan.

Contoh kodenya seperti ini:
<marquee bgcolor="pink">NIKI CONTO BACKGROUND AREA TEKS</marquee>

Keterangan: pink bisa anda ganti sesuai warna yang anda inginkan. Misalnya blue, yellow, red, dan lain-lain. 

Hasilnya akan terlihat seperti diatas background yang berwarna pink.


Kode Marquee untuk mengatur teks berhenti jika dilintasi mouse
Kode dasar untuk mengatur teks agar berhenti jika dilintasi mouse adalah
onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti ini:
<marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()">TEKS BERGERAK KE KIRI DAN AKAN NDOT JIKA DILINTASI MOUSE</marquee> 

Hasilnya akan terlihat seperti dibawah ini :

TEKS BERGERAK KE KIRI DAN AKAN NDOT JIKA DILINTASI MOUSE

Kode Marquee untuk mengatur arah teks bergerak berguna untuk mengatur arah pergerakan teks.
Contoh kode nya seperti ini:
<marquee direction="left">TEKS AKAN BERGERAK KE KIRI</marquee>
Keterangan: left bisa anda ganti sesuai arah teks berjalan yang anda inginkan.
Hasilnya akan terlihat seperti ini :

TEKS AKAN BERGERAK OJOK KIRI Semoga bermanfaat untuk anda.
Dan terima kasih sudah mau berkunjung ke blog ini.

2 komentar:

  1. ustaz saya tidak ngerti..dgn kodex...ustaz boleh ngk saya ketemuk ma ustaz

    BalasHapus