Rambut bisa sama hitam, tapi selera pasti tak akan selalu sama. Ada yang suka buah dan ada yang suka buah sirsak. Ada yang suka Google Adsense dan ada yang suka adsense Indonesia. Dan lain sebagainya. Pokoknya banyak dech yang seleranya tidak sama. Demikian juga blog. Ada yang suka dengan pernak-pernik di blognya dan ada yang tidak suka. Yang suka maka akan menghiasi blognya dengan berbagai gadget, memasang text berjalan, memasang banner animasi dll. Pernak-pernik blog memang mempesona mata yang melihat. Bahkan saya sendiri ( jujur ) kadang senang dengan blog yang banyak perhiasannya. Kayak si Jambul Khatulistiwa Syahrini yang suka dengan pernak pernak di sekujur tubuhnya. Jadi indah melihatnya. Uuuups. Kok jadi ke sono ya.

Sudahlah, sekarang beralih kapada judul artikel yaitu Cara Membuat Text Berjalan. Dalam bahasa coding atau html text berjalan diberi nama efek Marquee. Artinya membuat code code tertentu sehingga text berjalan seperti para siswa yang sedang latihan gerak jalan. Bahkan tidak hanya text yang bisa dibuat berjalan, banner juga bisa diperintah untuk berjalan jalan. He he he. Oh ya, tutorial ini saya peroleh dari blog Kang Rohman yang sekarang blognya berubah menjadi krtutorplus.com. Silahkan berkunjung ke sana untuk baca baca tutorialnya tentang blogspot dan WordPress. Lengkap banget.

Kok masih Ngidul Ngalor sich, Bagaimana Cara Membuat Text Berjalan ?

Begini ceritanya :

Efek Marquee atau text yang berjalan bisa anda buat dengan menggunakan tag <marquee>…</marquee>.

Atribut yang selalu dipakai adalah :

BGCOLOR=”warna” –> Untuk mengatur warna background (latar belakang) teks

DIRECTION=”left/right/up/down” –> Mengatur arah gerakan teks

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)

TITLE=’pesan” –> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT=”angka” –> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY=”angka” –> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP=”angka|-1|infinite” –> Mengatur jumlah loop

WIDTH=”lebar” –> Mengatur lebar blok teks dalam pixel atau persen

Untuk lebih jelasnya saya sertakan contohnya :

1. Ini adalah Contoh marquee dari gerakan :

<MARQUEE align=”center” direction=”right” height=”200″ scrollamount=”2″ width=”30%”>

Text berjalan dari kanan ke kiri

</MARQUEE>

hasilnya :

Text berjalan dari kanan ke kiri

Anda bisa ganti kata “right” sesuai selera anda yaitu bisa : left , up, down.

2. Contoh marquee dari perilaku gerakan :

<MARQUEE align=”center” direction=”left” height=”200″ scrollamount=”3″ width=”70%” behavior=”alternate”>

Text berjalan menurut perilaku

</MARQUEE>

Hasilnya

Text berjalan menurut perilaku

3. Contoh marquee dengan variasi hurup dan warna latar belakang :

<div align=”left”><FONT FACE=”georgia” color=”White”><B><MARQUEE BGCOLOR=”RED” width=”70%” scrollamount=”3″ behavior=”alternate”>
marquee dengan variasi hurup
</MARQUEE></b></FONT></div>

hasilnya :

4. Mau membuat variasi pada efek marquee? Oke. Ada variasi yang lebih keren dari marquee, yaitu ketika mouse sedang berada di area marquee teks maka otomatis akan berhenti dan saat mouse digeser kembali ke tempat lain maka teks akan kembali bergerak. Caranya hanya menambahkan sedikit program pada kolom marquee.

Contoh, arahkan mouse anda ke area marquee di bawah ini :

<marquee onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”2″ direction=”up” width=”50%” height=”200″ align=”center”>

silahkan tunjuk ke sini

</marquee>

hasilnya :

silahkan tunjuk ke sini

5. Kemudian ini Contoh marquee yang di dalam nya terdapat link :

<marquee onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”2″ direction=”up” width=”100%” height=”100″ align=”center”>

<a href=”http://bisnis-muktiplaza.blogspot.com” target=”Blog Bisnis Online”></a><br/>
<a href=”http://health-advantage.blogspot.com” target=”new”>Health Tips</a><br/>
<a href=”http://thebestweddinggallery.blogspot.com” target=”new”>The Wedding</a><br/>
<a href=”http://muktiplaza.com” target=”new”>Iklan Baris Gratis</a><br/>
<a href=”http://seo-iklanbaris.com” target=”new”>Iklan Baris SEO Friendly</a><br/>

</marquee>

hasilnya

Health Tips

The Wedding

Iklan Baris Gratis

Iklan Baris SEO Friendly

Demikian tutorial blog Cara Membuat Text Berjalan yang saya dapatkan dari blog kang rohman di krtutorplus.com. Silahkan anda berkreasi sendiri, otak atik sendiri sesuai dengan keinginan anda. Anda punya pengalaman sendiri tentang Cara Membuat Text Berjalan, Jangan lupa masukkanya ya.

Pencarian Artikel ini dengan Kata Kunci:

• cara membuat tulisan berjalan di blog (385)
• membuat tulisan berjalan di blog (305)
• tulisan berjalan (92)
• cara membuat tulisan berjalan (89)
• tulisan berjalan di blog (88)
• cara membuat tulisan bergerak di blog (67)
• cara membuat tulisan bergerak (65)
• tulisan bergerak di blog (60)
• membuat text berjalan (55)
• membuat tulisan bergerak (54)

Bagikan Artikel ini Ke Teman-teman anda di Facebook KLIK DINI

Ingin mendapat update artikel terbaru langsung ke Email anda? Silahkan masukkan alamat email anda untuk berlangganan. Cara Berlangganan silahkan baca petunjuknya KLIK DI SINI

Masukkan Email Anda Di Bawah ini dan Klik Tombol Berlangganan:

Delivered by FeedBurner