Cara Menambah Tulisan Berjalan di Blog

| Sabtu, 26 Januari 2013

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
  1. Kemudian klik Tata Letak dan Elemen Halaman
  1. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
  1. Lalu pilih HTML/JavaScript
  1. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kanan ke kiri
kode :1. Teks berjalan dari kanan ke kiri
kode :1. Teks berjalan dari kanan ke kirikode :kode :Contoh Tulisan Berjalan2. Teks berjalan dari kiri ke kananContoh Tulisan Berjalan3. Teks berjalan bolak balikContoh Tulisan Berjalan4. Teks berjalan dari atas ke bawahContoh Tulisan BerjalanContoh Tulisan BerjalanContoh Tulisan BerjalanContoh Tulisan BerjalanContoh Tulisan Berjalan7. Teks berjalan zig-zag nembus
1. Teks berjalan dari kanan ke kiri
kode :1. Teks berjalan dari kanan ke kiri
kode :1. Teks berjalan dari kanan ke kirikode :kode :Contoh Tulisan Berjalan2. Teks berjalan dari kiri ke kananContoh Tulisan Berjalan3. Teks berjalan bolak balikContoh Tulisan Berjalan4. Teks berjalan dari atas ke bawahContoh Tulisan BerjalanContoh Tulisan BerjalanContoh Tulisan BerjalanContoh Tulisan BerjalanContoh Tulisan Berjalan7. Teks berjalan zig-zag nembus
Contoh Tulisan Berjalan



Contoh Tulisan Berjalan

Ket :Ket :# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, 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 ( bolak-balik bo)
# Fungsi dari :# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, 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 ( bolak-balik bo)
# Fungsi dari :# 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 ( bolak-balik bo)# Fungsi dari :# Fungsi dari :
 <marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>
# Tulisan Contoh Tulisan Berjalan Diganti Dengan Tulisan Yang Kmu Mau# direction="left/right/up/down" --> Mengatur arah gerakan teks.


8. Teks berjalan zig-zag mantul








Hasil:






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


hasil :






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

hasil :







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

hasil :
5. Teks berjalan dari bawah ke atas

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

hasil :
6. Teks berjalan mondar-mandir

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

hasil :








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





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


Langkah Selanjutnya adalah mengganti tulisan
Contoh Tulisan Berjalan
dengan tulisan atau kata-kata yang anda inginkan.

<center> ............. </center>
adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL

0 komentar:

Posting Komentar

Next Prev
▲Top▲