Selengkapnya di: Membuat Sliding Login/Register Form Panel di Blog | Kode Blogger http://kode-blogger.blogspot.com/2011/05/membuat-sliding-loginregister-form.html#ixzz0tfbMaYMP
Custom Search

Kamis, 28 April 2011

Cara Membuat Teks Berjalan Pada Blog

wah senagnya bisa posting lagi
sekarang aku mo bahas mengenai teks berjalan pada blog nih juga aku pasang di blog ku, tuh liat diatas hehe lumayan lah nah langsung aja ya ke intinya....
cara membuat teks berjalan salah satunya dapat menggunakan tag <marquee>...</marquee>. 


contoh  <marquee> Teks yang ingin dijalan kan </marquee>

Maka akan tampil seperti ini :

Teks yang ingin dijalan kan

Selanjutnya banyak atribut lain yang dapat di tambahkan kedalam marquee untuk membuat teks berjalan yang kita buat semakin indah atau lebih variatif lagi antara lain adalah :

DIRECTION="left/right/up/down"  (untuk mengatur arah gerakan teks berjalan) 
BGCOLOR="warna yang dipilih"  (Untuk merubah warna backgroun teks berjalan)
TITLE='pesan"  (Untuk memunculkan sebuah pesan saat mouse berada di atas teks berjalan)
WIDTH="lebar"  (Untuk mengatur lebar teks berjalan)
LOOP="angka|-1|infinite" (Mengatur jumlah loop teks berjalan)

Membuat teks berjalan berhenti saat mouse ada di atasnya
dapat menggunakan kode berikut ini
onmouseover="this.stop()" onmouseout="this.start()" 

contoh tagnya : 

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"> teks yang ingin dijalankan saat mouse berhenti </marquee> 



dan marquee juga dapat mengandung link didalamnya, berikut tag untuk memasukkan linik kedalama teks berjalan :

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

<a href="http:http://www.quickey.co.cc/" target="new">Beranda</a><br/>

<a href="
http:http://www.quickey.co.cc/p/berita.html" target="new">Berita Terbaru </a><br/>

</marquee>
 

maka teks tersebut akan bergerak dari bawah ke atas dengan mengandung link didalamnya

mungkin segini dulu tips mengenai teks berjalan mungkin di postingan lain akan dibahas lagi karena masih banyak variasi yang bisa digunakan, maaf ya kalo postingannya gak maksimal
tapi tetep semoga bermanfaat untuk semua....
 


0 komentar:

Posting Komentar

Silahkan tinggalkan komentar anda

Link Sahabat

Twitter Delicious Facebook Digg Favorites More

 

Welcome In Kode Blogger

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!

Selengkapnya di: Membuat Sliding Login/Register Form Panel di Blog | Kode Blogger http://kode-blogger.blogspot.com/2011/05/membuat-sliding-loginregister-form.html#ixzz0tfbeC5kG