cara membuat teks bergerak di blog

Cara membuat teks bergerak merupakan salah satu langkah desain blog yang
biasanya dilakukan untuk tek-teks atau kalimat-kalimat yang penting,
misalnya ucapan selamat datang, iklan atau judul bagian-bagian tertentu
dari blog. Baca juga artikel untuk mempercantik dan mendesain blog
berikut: cara membuat judul widget berada di tengah sidebar.
Oke, kembali ke permasalahan, Sering kali kita melihat blog yang
dihiasi oleh tulisan atau kata-kata yang berjalan di blog teman-teman
kita. mungkin sebagian besar sudah mengetahuinya. tapi disini ade
mencoba untuk sharing kepada teman-teman yang belum mengetahui cara
pembuatannya.

Note: yang akan saya bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.



berikut cara menjadikan teks di blog bergerak:

1. Login ke Blogger.


2. Klik Tata Letak.


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>

3. Teks berjalan bolak balik



Kode:

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

4. Teks berjalan dari atas ke bawah



Kode:

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

5. Teks berjalan dari bawah ke atas

Kode:

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

 6. Teks berjalan mondar-mandir

Kode:

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

 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>

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>

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.

Oke, sekian posting saya dengan judul cara membuat teks bergerak di blog. Semoga bisa menjadi informasi yang bermanfaat..

Referensi: http://adesyams.blogspot.com/2009/09/cara-membuat-tulisan-berjalan-marquee.htm

Source: http://www.amronbadriza.com/2012/06/cara-membuat-teks-bergerak-di-blog.html#ixzz2P3HeUSKt

ADS HERE !!!