Teks Berjalan

Jika anda pernah melihat tampilan teks yang berjalan dari bawah ke atas atau sebaliknya, dari kanan ke kiri atau sebaliknya, tentu sangat memesona dan mengundang perhatian pengunjung.

Semua berkat kerja si Marquee dalam kode HTML. Ya, dengan kata Marquee ini kita bisa menjalankan teks maupun gambar sesuai dengan keinginan kita. Menggunakannya pun sangat mudah tapi hasilnya sangat menyenangkan.

Berikut adalah beberapa kode marquee dasar yang bisa kita gunakan :

<marquee direction=left>Teks berjalan ke kiri </marquee> maka hasilnya adalah seperti di bawah ini.

Teks berjalan ke kiri

<marquee direction=up>Teks berjalan ke atas </marquee>

hasilnya adalah:
Teks berjalan ke atas
Keterangan : Untuk mendapatkan efek yang berbeda, kita bisa mengganti ‘left’ ke ‘right’ agar teks berjalan ke kanan, atau gantilah ‘up’ dengan ‘down’ agar teks berjalan ke bawah.

Si Marquee juga memiliki atribut lain untuk melengkapi hasil yang bisa ditampilkan.
Misalnya : <onmouseover=”this.stop()” onmouseout=”this.start()”>
Dengan menyelipkan atribut diatas didalam marquee, maka saat teks yang berjalan didekati oleh mouse, maka teks akan tertahan (stop) dan saat mouse menjauh maka teks akan kembali berjalan. Sangat membantu bila kita menyertakan tautan (link) di dalam marquee agar mudah dikendalikan pengunjung. Contoh seperti ini <marquee direction=up onmouseover=”this.stop()” onmouseout=”this.start()”>

dan hasilnya seperti dibawah ini.

Contoh kerja si Marquee klik di sini untuk kembali ke Tip dan trik
atau klik di sini untuk ke Beranda/Home

Jika teks bergeraknya terlalu cepat anda dapat menambahkan skript <scrollamount=”x”>, nialai “x” dapat anda ganti sesuai dengan kebutuhan misal dengan nilai 1,2,3…dst sesuai seberapa cepat pergerakan teks yang anda inginkan contoh dibawah ini adalah Jika scrollamount=”1″:

<marquee direction=up onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”1″>
Contoh kerja si Marquee klik di <a href=”http://seuntaikenangantiptrik.blogspot.com”>sini</a&gt; untuk kembali ke Tip dan trik
atau klik di <a href=”http://seuntaikenangan.blogspot.com”>sini</a&gt; untuk ke Beranda/Home</marquee>

Dan hasilnya seperti di bawah ini:

Contoh kerja si Marquee klik di sini untuk kembali ke Tip dan trik
atau klik di sini untuk ke Beranda/Home

Selain itu si marquee juga dapat digabung dengan perintah <behavior=”alternate”> jika anda menyisipkan perintah ini maka text bergerak bulak-balik untuk lebih jelasnya berikut ini contonya: <marquee behavior=”alternate”> Aku capek nihh bulak-balik seperti setrikaan saja</marquee> dan hasilnya seperti ini:

Aku capek nihh bulak-balik seperti setrikaan saja

Selamat mencoba semoga berhasil.

11 Balasan ke Teks Berjalan

  1. tiharsih mengatakan:

    makasih ya scriptnya…

  2. Bahas Bisnis dan Software mengatakan:

    dari semua blog yang menampilkan script marquee, hanya blog ini yang menampilkan script marquee yang simple. saya sudah mencobanya dan berhasil.

  3. Teknologi dan Informasi mengatakan:

    Script unuk membuat judul blognya gmna yah saya masih belum berhasil

  4. Daiah Lulu TPI mengatakan:

    Trimakasih ya..Ilmunya bermanfaat…

  5. gasa mengatakan:

    TERIMA KASIH ATAS TIPSNYA

  6. word mengatakan:

    good post

  7. Widodo_cmy mengatakan:

    makasih mas bagus, tambahin donk buat teks berwarna dan backgroundnya.

  8. paudputriayu.blogspot.com mengatakan:

    mas, makasih ya infonya. Posting lagi dong, trik-2 yang laen …

  9. ERFAN mengatakan:

    thanks

  10. Taufik mengatakan:

    Apakah bisa teks berjalan pada blog di wordpress.com?
    Mohon petunjuknya.
    Terima kasih

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: