Cara Membuat Tulisan Berjalan di Blog

Pada awalnya seorang mulai membuat Blog baik di Blogger maupun WordPress banyak sekali yang ingin menambahkan Tulisan Pendek yang Hidup atau Berjalan. Tapi kebingungan mau di apakan. Tinggal COPAS Scripnya dan masukkan ke widget Blog anda dalam bentuk Marquee

<marquee>Tulisan disini akan berjalan</marquee>

Selain kode dasar marquee, ada perintah lain (umumnya disebut sebagai atribut) yang disisipkan untuk mengatur keindahan tampilan tulisan yang berjalan. Atribut yang sering di gunakan dalam kode marquee 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 geraka, semakin besar angka semakin 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 

Agar lebih jelas akan disertakan contohnya : 

Contoh marquee dari gerakan : 

<marquee align=”center” direction=”left” height=”200″ scrollamount=”2″ width=”30%”> nah ini contoh marquee dari kanan ke kiri </marquee>

ganti kata “left” dengan keinginan anda yaitu bisa : right,  up, down . 

Contoh marquee dengan variasi huruf dan warna latar belakang :

<div align=”left”><font face=”georgia” color=”White”><strong><marquee bgcolor=”red” width=”70%” scrollamount=”3″ behavior=”alternate”></marquee></strong></font></div>

Agar lebih menarik, kode marquee juga bisa dipadukan dengan javascript sederhana, seperti onmouseover=”this.stop()” onmouseout=”this.start()” . Dengan kode javascript tersebut, tulisan berjalan akan seketika berhenti apabila pointer mouse komputer pengunjung blog kita mengarah ke tulisan yang berjalan, dan akan berjalan kembali apabila pointer mouse dipindah ke tempat lain. 


Contoh kodenya :

<marquee onmouseover=”this.stop()” onmouseout=”this.start()” scrollamount=”2″ direction=”up” width=”50%” height=”200″ align=”center”> Ayo di coba pasti bisa dong</marquee>

Contoh kode marquee yang di dalamnya terdapat link :

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

<a href=” https://denngabei.wordpress.com/”&gt;Den Ngabei Cinta Negeri</a><br/>

</marquee>

Sumber : http://bloggerasmuri.blogspot.com/2012/10/cara-membuat-tulisan-berjalan-dengan.html

Tags: , , ,

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: