Thursday, July 8, 2010

Koleksi cara membuat marquee / tulisan berjalan

Salam ukhuwah dari kami untuk sobat bloger semua,Sobat berjumpa kembali dengan qinginbisa dalam blog yang jelek inih!!!hehehehe...kali ini qinginbisa akan membahas tentang cara membuat marque atau tulisan dengan berjalan, gak tanggung lagi saya posting artikel ini karena sudah saya pergunakan dalam blog jelek inih!!!bagi yang udah master tentunya bukan hal yang baru lagi,namun bagi yang mereka belum bisa tentunya ingin bisa dong!!!untuk itu mari kita belajar bersama dalam blog ini, langsung aja ke TKP :

1. marquee yang bergerak ke kanan

Bergerak kekanan !

kodenya :

<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Bergerak kekanan !</span></marquee>



2. marquee yang bergerak ke kanan kekiri

Ke Kanan dan Kekiri ??

kodenya :
<marquee direction="left" behavior="alternate"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri ??</span></marquee>



3. marquee bergerak ke kanan perlahan

Bergerak kekanan Perlahan !

kodenya :

<marquee direction="right" scrolldelay="500"><span style="color: rgb(255, 255, 0); font-weight: bold;">Bergerak kekanan Perlahan !</span></marquee>





4. marquee bergerak ke kanan dan kekiri dan bisa distop

Ke Kanan dan Kekiri Dan Bisa Di stop??

<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color: rgb(255, 0, 0); font-weight: bold;">Ke Kanan dan Kekiri Dan Bisa Di stop??</span></marquee>




5. marquee yang bergerak ke atas

Bergerak Ke Atas

kodenya :

<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(0, 255, 0); font-weight: bold;">Bergerak Ke Atas</span></marquee>




6. marquee bergerak ke atas dan kebawah

Bergerak Ke Atas dan Ke bawah

kodenya :

<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(255, 0, 255); font-weight: bold;">Bergerak Ke Atas dan Ke bawah</span></marquee>




7. Marquee dengan animasi gambar untuk contohnya mohon maaf saya hapus jika sobat ingin melihat hasilnya silahkan kode dibawah ini di copas di blog sobat sendiri

kodenya :

<marquee direction="right" onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'>

<div style="text-align: center;">

<a href="http://qinginbisa.blogspot.com/"><img alt="Download PCMAV Terbaru" height="125" src="http://i517.photobucket.com/albums/u337/Heryan_Tony/pcmav.jpg" width="125" /></a></div>

</marquee>



<marquee direction="left" onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' >

<div style="text-align: center;">

<a href="http://qinginbisa.blogspot.com/2010/03/smadav-81-antivirus-lokal-indonesia.html" target="new"><img alt="Download ANSAV Terbaru" height="125" src="http://i517.photobucket.com/albums/u337/Heryan_Tony/ansav.jpg" width="125" /></a></div>

</marquee>



<marquee direction="right" onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' >

<div style="text-align: center;">

<a href="http://qinginbisa.blogspot.com/" target="new"><img alt="Smadav Terbaru" height="125" src="http://heryantony.com/images/smadav125.gif" width="125" /></a></div>

</marquee>



<marquee direction="left" onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' >

<div style="text-align: center;">

<a href="http://qinginbisa.blogspot.com/" target="new"><img alt="AVG Terbaru" height="125" src="http://heryantony.com/images/avg.jpg" width="125" /></a></div>

</marquee>




Nah seperti itulah sobat semua tulisan berjalannya jika sobat ingin mengcopas silahkan aja, jangan lupa kasih komentarnya yah...
ni trik saya dapatkan dari http://universityofbloggers.blogspot.com dan sudah saya edit ulang, trimakasih semuanya...

SELAMAT MENCOBA SEMOGA ANDA BERHASIL

copas from : http://qinginbisa.blogspot.com/2010/04/koleksi-cara-membuat-marquee-tulisan.html

No comments:

Post a Comment