Cara Membuat Text Berjalan (Marquee) pada Blogspot

Jika kita sering melakukan blogwalking pada blog lain kadang kita sering menemukan ada tulisan/text pada blog tersebut yang selalu bergerak. Text yang bisa berjalan mondar mandir ini dinamakan dengan efek marquee. Mungkin itu merupakan salah satu cara untuk menghias blog menjadi lebih menarik dan tentunya bisa membuat pengunjung blog tersebut menjadi betah.

Namun setelah saya menelusuri dengan bertanya kepada mbah Google, ternyata cara membuatnya tidak sulit-sulit amat. Bahkan Anda pun saya yakin bisa dengan mudah untuk membuatnya.

Langsung saja ini saya bagikan cara untuk membuatnya.

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

Kemudian atribut yang sering digunakan adalah :

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

• direction=”left/right/up/down”–> Mengatur arah gerakan teks ke atas, bawah, kanan, atau kiri.

• behavior=”scroll/slide/alternate”–> Untuk mengatur perilaku gerakan

           scroll –> teks bergerak berulang-ulang tanpa lelah.

           slide  –> teks bergerak sekali lalu berhenti.

           alternate –> teks bergerak dari kiri kekanan lalu kembali lagi dst.

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

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

• scrolldelay=”angka”–> untuk mengatur waktu tunda gerakan dalam mili detik.

• loop=”angka”/”infinite”–> mengatur jumlah loop.

• width=”lebar”–> mengatur lebar blok teks dalam pixel atau persen.

• onmouseover=”this.stop()” à mengatur agar jika pointer diletakkan pada text maka gerakannya berhanti.

• onmouseout=”this.start()” àmengatur agar jika pointer dijauhkan pada text maka gerakannya text dilanjutkan.

Untuk memperjelas saya berikan contohnya sbb:

<marquee align="center" behavior="scroll" bgcolor="blue" direction="left" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" title="CONTOH" width="100%"><span style="color: white; font-family: Verdana, sans-serif; font-size: 72px;">

Selamat Datang di 
<a href="http://http://nurhamim86.blogspot.com" target="new"><span style="color: white;">Nurhamim’s Blog</span></a>
</span>

</marquee>

Selamat Datang di Nurhamim’s Blog

Semoga Bermanfaat .....