Pages

Cara membuat tulisan berjalan di blog

Rabu, 20 Juni 2012
Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.

berikut cara pembuatannya :
  1. Login ke Blogger
  2. Kemudian klik Tata Letak dan Elemen Halaman
  3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  4. Lalu pilih HTML/JavaScript
  5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :



1. Teks berjalan dari kanan ke kiri


kode :
<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>


2. Teks berjalan dari kiri ke kanan


kode :
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

3. Teks berjalan bolak balik

kode :
<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

4. Teks berjalan dari atas ke bawah

kode :
<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

5. Teks berjalan dari bawah ke atas

kode :
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

6. Teks berjalan mondar-mandir

kode : 

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee> 


7. Teks berjalan zig-zag nembus

kode :
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

8. Teks berjalan zig-zag mantul

kode :
<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>


0 komentar:

Posting Komentar