About

..::: SELAMAT DATANG DI BLOG MA QUR'ANIYAH BATU KUTA – NARMADA – LOBAR – NTB :::..

Minggu, 21 Oktober 2012

Membuat Tulisan berjalan (Marquee)

Assalamu'alaikum para pengunjung

pada kesempatan kali ini saya akan memberikan tips cara membuat tulisan berjalan atau dalam bahasa html-nya disebut dengan marquee, ini fungsinya untuk membuat blog atau website seseorang menjadi lebih menarik untuk dikunjungi atau bisa memberi informasi kepada pengunjung tentang suatu hal.namun perlu diperhatikan yang akan dibahas ini adalah tulisan berjalan biasa, bukan tulisan yang apabila ada mouse di letakkan di area tulisan tersebut kemudian berhenti, bukan! tapi ini marquee biasa.

baiklah ini dia beberapa script-nya silahkan dicopas saja, insyaallah berguna untuk kepentingan ilmu pengetahuan.

pertama-tama:
  1. Login ke Blogger dan masuk ke blog anda sendiri.
  2. Kemudian klik Tata Letak selanjutnya pilih 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 code di bawah ini ke kolom konten di HTML/JavaScript :
Teks berjalan dari kanan ke kiri
Kode:

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

Teks berjalan dari kiri ke kanan
<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

Teks berjalan bolak balik
 <marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

Teks berjalan dari bawah ke atas
<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

Teks berjalan mondar-mandir
 <marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

Teks berjalan zig-zag nembus
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

Teks berjalan zig-zag mantul
 <center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

Langkah selanjutnya adalah anda mengganti tulisan "Contoh Tulisan Berjalan" tersebut dengan kata-kata yang anda inginkan. nah untuk anda ingin mengetahui apa fungsi dari masing-masing tag tersebut di sini akan dijelaskan kegunaannya. siapa tau anda bisa mengembangkan maquee-nya dengan kreatifitas anda sendiri.

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

# 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 :
<center> ............. </center>
adalah agar tulisan tersebut selalu berada di tengah.
Sampai di sini dulu tips Membuat Tulisan berjalan (Marquee) berjalan mudah-mudahan ilmunya bermanfaat. Lain kali akan dibahas tips mengenai yang lain. jika anda punya masalah silahkan insyaallah kami bantu dengan kemampuan kami.
Wassalamu'alaikum.

 
    
 




Tidak ada komentar:

Posting Komentar