Cara membuat tulisan berjalan

Salah satu cara untuk mempercantik blog adalah dengan hiasan text atau tulisan. Potingan saya di sini adalah tentang cara membuat text atau tulisan kita berjalan di blog. Mungkin sebagian besar sudah mengetahuinya. tapi disini saya mencoba untuk sharing kepada teman-teman yang belum mengetahui cara pembuatannya.

Langsung saja kita olah TKP  :

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">RxAnto xena Blog</marquee>

hasil :

RxAnto Xena Blog



2. Teks berjalan dari kiri ke kanan

kode :

<textarea name="code" rows="2" cols="52"> <marquee direction="right" scrollamount="2" align="center"> RxAnto xena Blog </marquee>

hasil :

RxAnto xena Blog


3. Teks berjalan bolak balik

kode :

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Rxanto xena Blog </marquee>

hasil :

RxAnto xena Blog



4. Teks berjalan dari atas ke bawah

kode :

<textarea name="code" rows="2" cols="52"> <marquee direction="down" scrollamount="2" align="center"> Rx Anto xena Blog </marquee>

hasil :

RxAnto xena Blog
5. Teks berjalan dari bawah ke atas

kode :

<textarea name="code" rows="2" cols="52"> <marquee direction="up" scrollamount="2" align="center"> Rx Anto xena Blog </marquee>

hasil :

RxAnto xena Blog6. Teks berjalan mondar-mandir

kode :

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Rx Anto xena Blog </marquee>

hasil :

RxAnto xena Blog



7. Teks berjalan nembus

kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Rx Anto xena Blog </marquee></marquee></center>  

hasil :













RxAnto xena Blog
8. Text Jalan Mantul
kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Rx Anto xena Blog </marquee></marquee></center>  

hasil :






RxAnto xena Blog Selanjutnya tinggal agan ganti dengan tulisan yang agan mau

RxAnto xena Blog

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 

# Fungsi dari :

<center> ............. </center>

adalah agar tulisan tersebut selalu berada di tengah.

SEMOGA BERHASIL

Terimakasih