Thursday, November 13, 2014

Cara membuat berbagai tulisan berjalan di blog | Trik Blog



Cara membuat berbagai tulisan berjalan di blog | Trik Blog


Sebenarnya mudah membuat tulisan berjalan di blog. Karena kode yang di perlukan untuk membuat tulisan berjalan yaitu <marquee>Di sini tulisannya</marquee>
Berikut contoh-contoh tulisan berjalan di blog :

1. Membuat tulisan berjalan standard.

<marquee>Disini tulisannya</marquee>

Hasilnya :


Disini tulisannya

2. Membuat tulisan berjalan dari kanan ke kiri.

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

Hasilnya :

Contoh Tulisan Berjalan

3. Membuat tulisan bergerak bolak - balik dari kiri ke kanan.

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

Hasilnya :

Contoh Tulisan Berjalan bolak balik

4. Membuat tulisan bolak - balik dari kanan ke kiri.

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

Hasilnya :


Contoh Tulisan Berjalan bolak balik

5. Membuat tulisan bergerak dari atas ke bawah.

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

Hasilnya :

Contoh Tulisan Bergerak dari atas kebawah

6. Membuat tulisan bergerak dari bawah ke atas.

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

Hasilnya :

Contoh Tulisan Bergerak dari bawah keatas

7. Membuat tulisan bergerak bolak-balik dari atas kebawah.

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

Hasilnya :

Contoh Tulisan Begerak dari atas kebawah

8. Membuat tulisan bergerak tak beraturan alias zig-zag.

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

Hasilnya :

Contoh Tulisan Bergerak Zig-Zag


9. Membuat tulisan bergerak zig-zag dan menembus.

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

Hasilnya :

Contoh Tulisan Berjalan Zig-Zag


Setelah mengetahui jenis-jenis tulisan yang bisa di kreasikan gerakannya, berikut mempercantik tulisan berjalan dengan background :

1. Membuat background.

<marquee style="background: gray;">Contoh Teks Yang Dikenai Marquee Dengan Background Abu-abu</marquee>

Hasilnya :

Contoh Teks Yang Dikenai Marquee Dengan Background Abu-abu

2. Membuat warna pada tulisan berjalan.

<marquee style="background: gray; color: white;">Contoh Teks Yang Dikenai Marquee Dengan Background Abu-abu Teks Putih</marquee>

Hasilnya :

Contoh Teks Yang Dikenai Marquee Dengan Background Abu-abu Teks Putih

3. Mengatur jeda pada tulisan berjalan.

Jika normalnya Tulisan Bejalan atau <marquee> selalu berjalan tanpa henti dari kanan ke kiri, maka kita bisa menyuruhnya untuk berhenti sejenak (jeda) dengan cara menambahkan kode berikut.

<marquee scrolldelay="500">Contoh Teks Yang Dikenai Marquee Scrolldelay 500</marquee>

Hasilnya :

Contoh Teks Yang Dikenai Marquee Scrolldelay 500

500 disini maksudnya adalah 0,5 Detik bukan 500 Detik. Jadi kode diatas jika dijalankan akan membuat Teks yang ada didalam kode <marquee></marquee> berhenti sejenak setiap 0,5 Detik.

4. Mengatur kecepatan tulisan berjalan.

Hasilnya :

Contoh Teks Yang Dikenai Marquee Dengan Speed Scroll Amount 10

<marquee scrollamount="10">Contoh Teks Yang Dikenai Marquee Dengan Speed Scroll Amount 10</marquee>

coba ganti code scrollamount=10 menjadi sesuai keinginan kalian. Dan lihat hasilnya.


Berikut Cara membuat berbagai tulisan berjalan di blog | Trik Blog :
  1.  Login ke blog anda.
  2. Masuk ke menu tata letak.
  3. Setelah itu pilh tambah gadget, dan pilih HTML/javascript.
  4. Copy kode tulisan bergerak yang di inginkan lalu pastekan di gadget HTML/javascript.
  5. Letakkan sesuka hati dimana tulisan berjalan tersebut sesuai keinginan. misalnya di bawah header.
  6. Klik simpan dan lihat hasilnya.
Selamat Mencoba


Bagikan

Jangan lewatkan

Cara membuat berbagai tulisan berjalan di blog | Trik Blog
4/ 5
Oleh

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.

Terimakasih telah memberi komentar di sonirivaldi.blogspot.com