Cara Membuat Tulisan Berjalan di Blogspot

Cara Membuat Tulisan Berjalan di Blogspot - Saya bagikan juga cara membuat tulisan berjalan ini pada postingan Mr. Yellows. Semoga bermanfaat.

Catatan: yang akan dibahas merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

mau tau cara buatnya, yuk kita intip caranya:

1. Login ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Pilih Tambah Gadget
4. Pilih HTML/JavaScript
5. Masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kiri ke kanan

Kode :

<marquee align="center" direction="right" height="50" scrollamount="2" width="50%"> Hello Mr. Yellows </marquee>

Hasil :

Hello Mr. Yellows


2. Teks berjalan dari kanan ke kiri

Kode

<marquee align="center" direction="left" height="50" scrollamount="2" width="50%"> Hello Mr. Yellows </marquee>

Hasil :

Hello Mr. Yellows

3. Teks berjalan dari atas ke bawah

Kode

<marquee align="center" direction="down" height="50" scrollamount="2" width="50%"> Hello Mr. Yellows </marquee>

Hasil :

Hello Mr. Yellows

Catatan : bila ingin teks berjalan dari bawah ke atas ganti kode direction="down" menjadi direction="up"


4. Teks bolak balik


Kode

<marquee align="center" direction="left" height="50" scrollamount="2" width="50%" behavior="alternate"> Hello Mr. Yellows </marquee>

Hasil :

Hello Mr. Yellows

5. Teks mantul dari atas ke bawah

Kode

<marquee align="center" direction="down" height="50" scrollamount="2" width="50%" behavior="alternate"> Hello Mr. Yellows </marquee>

Hasil :

Hello Mr. Yellows 

kode yang ini jika mouse diarahkan maka teks akan berhenti

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="150" align="center">Hello Mr. Yellows</marquee>

maka hasilnya :

Hello Mr. Yellows 
Coba kreasikan sendiri dengan keterangan berikut :

# scrollamount="angka" => mengatur kecepatan, semakin besar angka semakin cepat gerakannya.

# behavior="scroll/slide/alternate" => Untuk mengatur perilaku gerakan :
- Scroll = teks bergerak berputar
- Slide = teks bergerak sekali lalu berhenti
- Alternate = teks bergerak dari kiri kekanan lalu balik lagi


# direction="left/right/up/down" => Mengatur arah gerakan teks.

 # Ganti juga tulisan Hello Mr. Yellows menjadi tulisan yang sobat inginkan

Selamat berkreasi dan selamat mencoba Cara Membuat Tulisan Berjalan di Blogspot