Thursday, June 16, 2016

CARA MEMBUAT TEKS BERJALAN PADA BLOG

Seringkali kita menemukan teks/kalimat yang bergerak dari kiri ke kanan/ dari kanan ke kiri/dari bawah keatas/ dari atas ke bawah / bahkan terkadang kita melihat sebuah teks melayang-layang di blog.  Buat Sobat yang baru mengenal blog atau pemula, mungkin masih memerlukan dan membutuhkan postingan saya.  Untuk membuat berbagai macam teks bergerak kuncinya adalah marquee

Contoh teks tersebut adalah sebagaimana dibawah ini :

1. Teks bergerak dari kanan ke kiri

<marquee direction="left" scrollamount="2" align="center">Contoh Teks Bergerak</marquee>

Akan menghasilkan teks Sbb:
Contoh Teks Bergerak


2. Teks bergerak dari kiri ke kanan

<marquee direction="right" scrollamount="2" align="center"> Contoh Teks Bergerak </marquee>

Akan menghasilkan teks Sbb:
Contoh Teks Bergerak


3. Teks bergerak dari kiri ke kanan

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Teks Bergerak </marquee>

Akan menghasilkan teks sbb:
Contoh Teks Bergerak


4. Teks Bergerak dari kanan ke kiri

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Teks Bergerak </marquee>

Akan menghasilkan Teks Sbb:
Contoh Teks Bergerak


5. Teks Bergerak dari Atas ke Bawah

<marquee direction="down" scrollamount="2" align="center"> Contoh Teks Bergerak </marquee>


Akan Menghasilkan Teks Sbb:
Contoh Teks Bergerak


6. Teks Bergerak dari Bawah Ke Atas

 <marquee direction="up" scrollamount="2" align="center"> Contoh Teks Bergerak</marquee>

Akan Menghasilkan Teks Sbb:
Contoh Teks Bergerak


7. Teks Bergerak Mondar-Mandir dari kiri ke kanan memantul

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

Akan Menghasilkan Teks Sbb:

Contoh Teks Bergerak


8. Teks Bergerak Mondar Mandir dan menembus dinding

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

Akan Menghasilkan Teks Sbb:


Contoh Teks Bergerak


9. Untuk membuat teks bergerak dengan background, padding, border, color, pada marquee, bisa Anda sisipkan  kode marquee antara kode berikut :

<div style="background: red; border: 2px solid blue; color: white; font-size: 20px; font-weight: bold; letter-spacing: 0.5em; padding: 15px;"><marquee direction="left" scrollamount="6" align="center">Contoh Teks Bergerak</marquee></div>

Hasilnya adalah sbb:


Contoh Teks Bergerak

10. Untuk membuat teks tersebut link ke URL yang kita inginkan caranya adalah sbb:

<div style="background: #FFFFFF; border: 2px solid #FF0000; color: black; font-size: 20px; font-weight: bold; letter-spacing: 0.2em; padding: 15px;"><marquee direction="left" scrollamount="6" align="center"><a href="https://nanogunheryanto.blogspot.co.id/2016/06/cara-membuat-teks-berjalan-pada-blog.html"/>Cara Membuat Teks Link ke alamat URL</a></marquee></div>

Dan hasilnya adalah sbb:



Adapun Cara memasangnya di Blog adalah sbb:
1. Login ke Akun blogger Sobat
2. klik Tata Letak
3. Pilih Add Gadget.
4. Pilih HTML/Java Script/ silahkan Sobat Copas salah satu Marquee di atas
5. Kemudian klik Simpan dan lihat hasilnya.

Keterangan :
Direction : untuk mengatur pola gerakan teks (kiri,kanan,atas,bawah)
Scrollamount : untuk mengatur kecepatan gerakan teks.
Behavior ( scroll/slide/alternate ): untuk mengatur  gerakan.