Cara Membuat Tulisan Berjalan di Blog

Cara Membuat Tulisan Berjalan di Blog - Selamat pagi, hqsa mau share Tutorial Cara Membuat Tulisan Berjalan di Blog Atau marquee. Untuk Lebih jelasnya silahkan Simak Cara Membuat Tulisan Berjalan di Blog dibawah ini :

Sering kalikita melihat blog yang dihiasi oleh tulisan atau kata-kata yangberjalan di blog teman-teman kita. mungkin sebagian besar sudahmengetahuinya. tapi disini ade mencoba untuk sharing kepadateman-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 akanberhenti.

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 kananke kiri


kode :

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



2.Teks berjalan dari kiri ke kanan


kode :

<marquee direction="right"scrollamount="2" align="center"> ContohTulisan Berjalan </marquee>
hasil :

Contoh Tulisan Berjalan


3.Teks berjalan bolak balik


kode :

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

Contoh Tulisan Berjalan

4.Teksberjalan dari atas ke bawah


kode:

<marquee direction="down"scrollamount="2" align="center"> ContohTulisan Berjalan </marquee>
hasil :

Contoh Tulisan Berjalan



5.Teks berjalan dari bawah ke atas


kode :

<marquee direction="up"scrollamount="2" align="center"> ContohTulisan Berjalan </marquee>
hasil :

Contoh Tulisan Berjalan



6.Teks berjalan mondar-mandir


kode :

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

Contoh Tulisan Berjalan



7.Teks berjalan zig-zag nembus


kode :

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




8. Teks berjalan zig-zagmantul


kode :

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

Langkah Selanjutnya adalah menggantitulisan

Contoh Tulisan Berjalan
dengan tulisan atau kata-kata yang andainginkan.

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

# scrollamount="angka"--> mengatur kecepatan gerakan dalam pixel, semakin besar angkasemakin cepat gerakannya.

# behavior="scroll/slide/alternate"--> Untuk mengatur perilaku gerakan :
~> Scroll --> teksbergerak berputar
~> Slide--> teks bergerak sekali laluberhenti
~> Alternate --> teks bergerak dari kiri kekananlalu balik lagi ( bolak-balik bo)

# Fungsi dari :

<center> .............</center>
adalah agar tulisan tersebut selalu beradadi tengah.
SEMOGABERHASIL


Postingan terkait: