Membuat Teks bergerak/berjalan

Teks bergerak/berjalan merupakan teks yang terpampang di blog anda terlihat bergerak/berjalan ke kanan, kiri, atas dan bawah. Fungsi dari teks bergerak adalah memperindah blog/menarik simpati pengunjung di blog anda. Ikuti langkah berikut untuk membuatnya.

  1. Buka wordpress anda.

  2. Pada toolbar sisi kiri klik Appearance dan pilih Widgets.

  3. Kemudian pilih Widgets “Teks”

  4. Pada kolom judul, beri judul sesuai kriteria anda

  5. Langkah berikutnya adalah copy/paste kode berikut. Ke dalam kolom isian teks tersebut.

<MARQUEE align=”center” direction=”up” height=”100″ scrollamount= “3”

onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”100%”>(Tempat isian teks atau link anda)</MARQUEE>

Pada (Tempat isian teks atau link anda) isi teks/link berdasarkan kriteria anda misal :

<MARQUEE align=”center” direction=”up” height=”100″ scrollamount= “3”

onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”100%”><a href=”http://www.themask32.wordpress.com/ target=”new”>- Belajar wordpress -</a> </MARQUEE>

maka tulisan “Belajar wordpress” pada kode di atas akan terpampang bergerak/berjalan pada blog. Dan ketika di klik maka akan menuju pada situs “http://www.themask32.wordpress.com”

Contoh lain :

<MARQUEE align=”center” direction=”up” height=”100″ scrollamount= “3”

onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”100%”><a href=”http://www.google.com/ target=”new”>- google -</a> </MARQUEE>

maka tulisan “google” pada kode di atas akan terpampang bergerak/berjalan pada blog. Dan ketika di klik maka akan menuju pada situs “www.google.com”

<MARQUEE align=”center” direction=”up” height=”100″ scrollamount= “3”

onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”100%”><a href=”http://www.wordpress.com/ target=”new”>- wordpress -</a> </MARQUEE>

maka tulisan “wordpress” pada kode di atas akan terpampang bergerak/berjalan pada blog. Dan ketika di klik maka akan menuju pada situs “www.wordpress.com”

Nah untuk membuat contoh-contoh tadi berjalan secara bergiliran anda tinggal mengcopy dan pastekan kode di bawah ini pada kolom widgets teks.

<MARQUEE align=”center” direction=”up” height=”100″ scrollamount= “3”

onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”100%”>

<a href=”http://www.themask32.wordpress.com/ target=”new”>- Belajar wordpress -</a>

<a href=”http://www.google.com/ target=”new”>- google -</a>

<a href=”http://www.wordpress.com/ target=”new”>- wordpress -</a>

</MARQUEE>

Tambahkan kode <br /> pada akhir kode script di atas untuk memisahkan jarak antar teks supaya tertata rapi agar tidak berjalan secara berhimpitan. misal : (lihat tulisan tebal di bawah ini/bandingkan dengan kode script di atas).

<MARQUEE align=”center” direction=”up” height=”100″ scrollamount= “3”

onmouseover=’this.stop()’ onmouseout=’this.start()’ width=”100%”>

<a href=”http://www.themask32.wordpress.com/ target=”new”>- Belajar wordpress -</a><br />

<a href=”http://www.google.com/ target=”new”>- google -</a><br />

<a href=”http://www.wordpress.com/ target=”new”>- wordpress -</a>

</MARQUEE>

Keterangan di atas hanya sekedar contoh, gantilah alamat situs dan keterangan teks sesuai dengan kriteria anda.

Keterangan script di atas :

  • Kode: direction=”up” artinya tulisan bergeak ke atas dan dapat anda ganti dengan

  • Down = ke bawah

  • Left = ke kiri

  • Right = ke kanan

Contoh : direction=”down”

  • height=”100″ artinya lebar/tiggi kolom teks bergerak semakin besar angkanya semakin lebar/tinggi kolom teks bergerak dan dapat anda ganti sesuai dengan kebutuhan anda.

Contoh : height=”200″

  • scrollamount= “3″ merupakan kecepatan gerak teks semakin besar angkanya semakin cepat gerak teks tersebut. Dan anda dapat menggantinya sesuai contoh di atas.

Supaya anda lebih paham praktekan apa yang telah dijelaskana di atas.

Selamat mencoba dan berhasil.

3 Responses to Membuat Teks bergerak/berjalan

  1. bacayuk says:

    thanks for info😀 keep share bro🙂

  2. Pingback: mbah_wo

  3. Hariri says:

    sip, saya memang mencari ini

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: