Rabu, 08 Juni 2011

CARA MEMBUAT TULISAN BERJALAN

CARA MEMBUAT TULISAN BERJALAN

Hallo..!!! Sobat Gembel.
Untuk yang kita bahas kali ini adalh Cara membuat tulisan berjalan . Sebenarnya kurang tepat kalo judulnya Cara membuat tulisan berjalan ,masalahnya selain berjalan ada juga yang naikturun dan sebagainya. Ayo kita cekidot bersama-sama.


  • Tulisan berjalan :
Caranya muda skali sobat Gembel..!!! Tak serumit perkiraan saya ,ternyata kita tinggal copas aja dah beres urusannya dan jadilah Tulisan berjalan yang keren abizz.....
liat disini contohnya

Salin kode HTML bericot :
<marquee behavior="scroll">Tulisan berjalan</marquee>

Tulisan berjalan



  • Tulisan berjalan dengan background.
Hampir sama Sobat Gembel..!!! cuman yang nie ada background nya .ni juga lebih keren dari yang tadi.cuman liat-liat kebutuhan saja.
lihat disini contohnya
Salin kode HTML bericot :
<marquee bgcolor="grey" style="color: white;">Tulisan berjalan dengan background.</marquee>

Tulisan berjalan dengan background.




  • Dengan gambar
Kalo ini lebih keren,pasal nya dah kita kasih gambar yang bisa jalan,jadi Blog kita dah pasti lebih asik di liatnya,pasti nanti berpengaruh ke Traficrank
lihat disini contohnya
Salin kode HTML bericot :

<marquee behavior="scroll"><img height="84" src="images/em1.gif" width="110" />Dengan gambar</marquee>





Dengan gambar




  • Tulisan berjalan kekanan
Kalo yang ini kembali sederhana seperti yang pertama tadi,cuman untuk yang satu ini jalan nya kekanan.
lihat disini contohnya
Salin kode HTML bericot :
<marquee behavior="scroll" direction="right">Tulisan berjalan kekanan</marquee>


Tulisan berjalan kekanan



  • Tulisan berjalan keatas
lihat disini contohnya
Salin kode HTML bericot :
<marquee behavior="scroll" direction="up" height="30">Tulisan berjalan ketas</marquee>


Tulisan berjalan ketas



  • Tulisan berjalan akan stop bila dibayangi oleh cursor

lihat disini contohnya
Salin kode HTML bericot :
<marquee onmouseout="this.start()" onmouseover="this.stop()">Tulisan berjalan akan stop bila dibayangi oleh cursor</marquee>

Tulisan berjalan akan stop bila dibayangi oleh cursor


  • Tulisan berjalan lambat
lihat disini contohnya
Salin kode HTML bericot :
<marquee behavior="scroll" scrollamount="1" scrolldelay="32">Tulisan berjalan lambat</marquee>

Tulisan berjalan lambat


  • Zig-zag
lihat disini contohnya
Salin kode HTML bericot :

<marquee behavior="alternate" direction="up" height="50px"><marquee direction="right">Zig-zag</marquee></marquee>



Zig-zag



Naaah.....sekarang Sobat Gembel..!!! bisa memodifikasi/memadukan tag dari kode marquee tsb agar lebih menarik.
Selamat mencoba..!!

0 komentar:

Posting Komentar

Tuliskan Komentar Sobat