0 Membuat Efek Pada Tulisan Berjalan (Marquee)

By internet marketing | At 23.09 | Label : Marquee , Tutorial Blog | 0 Comments

Bagi yang belum mengetahui apa itu Marquee atau tulisan berjalan anda bisa membaca artikel sebelumnya yaitu Cara Membuat Tulisan Berjalan (Marquee).

Pada artikel ini tidak akan membahas macam macam cara membuat tulisan berjalan secara lengkap, jika ingin mengetahui jenis jenis/macam macam tulisan berjalan anda dapat membacanya pada artikel sebelumnya seperti yang ada pada paragraf pertama.

Langsung saja :


1 Membuat teks berhenti jika mouse berada pada tulisan/teks berjalan

caranya : anda hanya menambahkann kode yang berwarna merah pada jenis kode yang anda inginkan contohnya kode teks berjalan dari kanan ke kiri:

<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

Hasilnya : ( arahkan mouse pada tulisan )

Contoh Tulisan Berjalan


2 Membuat warna background pada tulisan berjalan

Caranya menambahkan kode berwarna merah dibawah ini pada kode tulisan berjalan.

<div align="left"><font color="white"><b><marqueemarquee scrollamount="2" behavior="right" bgcolor="red"> Contoh Tulisan berjalan dengan background (warna dasar) </marquee></b></font></div>

Contoh :

Contoh Tulisan berjalan dengan background (warna dasar)

Ket :

Ganti warna dengan merubah color=warna tulisan & bgcolor=warna background dengan warna yang anda inginkan seperti :
red menjadi merah, blue menjadi biru, green menjadi hijau, white menjadi putih dll. atau bisa memasukkan kode warna seperti #FFFFFF akan menjadi putih.
untuk mengetahui kode kode warna yang lainnya klik [ disini ]

Fungsi <b> ............... </b> untuk menebalkan tulisan.


3. Memasukkan link pada teks/tulisan berjalan

Caranya : merubah tulisan/teks dengan link.
Contoh :

<marquee direction="up" scrollamount="2" align="center">
<a href="ganti dengan alamat link">Nama tampilan link</a><br/>
<a href="http://trik-tips-tutorial.blogspot.com/">Trik Tips Tutorial</a><br/>
<a href="http://adesyams.blogspot.com/">Ade'S Tricks</a><br/>
</marquee>

Hasil :
Nama tampilan link

Trik Tips Tutorial

Ade'S Tricks



dari beberapa efek contoh diatas anda dapat membuat variasi sendiri dari tulisan berjalan. selamat berkreasi..

0 Cara Membuat Tulisan Berjalan (Marquee)

By internet marketing | At 22.22 | Label : Marquee , Tutorial Blog | 0 Comments

Sebelum kita membahasnya alangkah baiknya kita mengetahui terlebih dahulu apa yang dimaksud dengan marquee..?
Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan.

Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah mengetahui cara membuat tulisan berjalan tersebut. tapi disini Trik Tips Tutorial akan mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

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>

hasil :

Contoh Tulisan Berjalan



2. Teks berjalan dari kiri ke kanan

kode :

<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan 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. Teks berjalan dari atas ke bawah

kode :

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

hasil :

Contoh Tulisan Berjalan



5. Teks berjalan dari bawah ke atas

kode :

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan 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><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :

Contoh Tulisan Berjalan



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>

hasil :



Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan

Contoh Tulisan Berjalan

dengan tulisan atau kata-kata yang anda inginkan.

Ket :
# 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.

SEMOGA BERHASIL