Cara membuat teks berjalan di blog

Cara membuat teks berjalan di blog

Teks berjalan yang biasa juga disebut marquee, merupakan sebuah efek gerak pada teks. Biasanya teks berjalan ini digunakan oleh pemilik blog untuk menampilkan sebuah pesan , link atau banner untuk menarik perhatian pengunjung.

Secara umum cara membuat teks berjalan di blog bisa menggunakan kode dasar html seperti di bawah ini

1. Buat teks berjalan dari kanan ke kiri (default)


Kode

Membuat teks berjalan

Hasilnya :

Membuat teks berjalan

2. Membuat teks berjalan dari kiri ke kanan (direction)

Kode :

Teks berjalan dari kiri ke kanan

Hasilnya :

Teks berjalan dari kiri ke kanan

3. Membuat teks bergerak dengan mengatur kecepatannya (scrollamount)
Anda bisa mengubah angka 30 pada scrollamount="30"

Kode :

Teks bergerak lambat
Teks bergerak lebih cepat

Hasilnya :

Teks bergerak lambat
Teks bergerak lebih cepat

4. Membuat teks bergerak bolak balik / memantul saat tiba di tepi kiri atau kanan


Kode :

Teks berjalan bolak balik

Hasilnya :

Teks berjalan bolak balik

5. Membuat teks berjalan dengan background biru
Untuk mengganti background (warna latar belakang-nya) bisa ganti kata "blue" pada kode bgcolor="blue" , warna lain bisa dilihat disini tabel warna


Kode :

Teks berjalan dengan background biru

Hasilnya :

Teks berjalan dengan background biru


6. Membuat teks bergerak dari bawah ke atas

Kode :

Teks bergerak dari bawah ke atas

untuk mengubahnya menjadi bergerak dari atas ke bawah ganti kode direction="up" menjadi direction="down"

Hasilnya :

Teks bergerak dari bawah ke atas

7. Membuat teks bergerak dari bawah ke atas, memantul dan berhenti jika penunjuk mouse berada di atas teks area.
Tambahkan kode: onmouseout="this.start()" onmouseover="this.stop()


Kode :

Teks 1
Teks 2
Teks 3

Hasilnya :

Teks 1
Teks 2
Teks 3

Anda bisa memasukkan kode kode di atas pada teks editor blogspot,

Atau pada gadget html/javascript

Selain contoh di atas bisa juga mengatur ukuran font /teks dan warna teks mengunakan script berikut :


Kode :

Selamat Hari Raya Idul Fitri 1 Syawal 1432 H, Mohon maaf lahir dan batin

Pada kode di atas:
a. font size='3' , angka 3 adalah ukuran teks /font bisa diubah sesuai kebutuhan
b. face='comic sans ms' , comic sans ms jenis huruf
c. color=yellow , yellow adalah warna teks.

Hasilnya :

Selamat Hari Raya Idul Fitri 1 Syawal 1432 H, Mohon maaf lahir dan batin 

sumber : http://artikelkomputerku.blogspot.com/

Posted in: Tips Blog