News Update :

Koleksi cara membuat marquee / tulisan berjalan

5 April 2010

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??

kodenya :
<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
Share this Article on :

14 komentar:

Difference - Cah Kudus mengatakan...

wah mantapp sob, thanks ilmunya . .

azalea napasha mengatakan...

wahhh...kurang lengkap iki ilmune,..mas,....

kode ne ki mesti dtaruh dmn,...?
hadehhh,...maklum cekbngug,..heeeee

q ingin bisa blogsharing mengatakan...

cah kudus@ok sobat sip dah
azalea@ya terserah kamu mau ditaruh mana!!!di postingan atau diwidged juga bisa!!!dilahat aja dari kegunaannya,ok

Nyach mengatakan...

Wadoh kalau blogg begini jelek, bagaimana blogg saya ya.

Tips maequeenya lengkap banget, makasih sharingnya

maksih juga telah berkunjung, semoga persahabatan langgeng dan bermanfaat

Komblogmaya mengatakan...

Wuih marquee, asyikk

saya link ya ke blogg saya

Nyach mengatakan...

Sob , aku juga follow di blogg yang asyik ini semoga terbalas

q ingin bisa blogsharing mengatakan...

Nyah@ya nih kawan blog saya masih dlm pembenahan, masih jelek kok!!!hehehe...jika tips marqueenya berguna bagi sobat silahkan di kopas aja,ok...segera saya kunjungi dan juga follow,amien...!!!tas doanya.
komblong@kawan kasih alamt blognya yah!!!saya gak bisa link back nih,ox
all@semoga kita semua termasuk orang2 yang beruntung,amien

Manchester United tech mengatakan...

Thx infox..btw upin dan ipin yg disamping keren juga yah...

q ingin bisa blogsharing mengatakan...

manchester@hehe...jika mau silahkan di ambil sobat!!! tutorialnya ada kok,trimakasih atas kunjungannya,senang bisa berkenalan dengan sobat

mundo_idiot mengatakan...

tentu bisa , ngak ngerepotin kok , ma'af ya aku ada kesalahan type he he he

Rizq Comp mengatakan...

Terima kasih atas infonya bos..........

Mari Bergabung mengatakan...

trims atas scrpt javanya, sangat berguna sekali, kalo ada yg terbaru beritahu saya dong, hehehe

Q Ingin Bisa mengatakan...

Salam blogger, selamat datang di blog simpel q kawan semua, moga apa yang saya posting diatas bermanfaat buat kalaian semua, amien
sukses selalu

Akhi Dedy mengatakan...

mantap mas
thank's ,,,,,,,,,

Posting Komentar

Assalamu'alaikum sobat semua...jika sobat sudah mampir di blog saya jangan lupa komentarnya ya,,,mohon saran dan kritiknya, karena setetes komentar anda sangat berarti untuk kemajuan blog ini, Terima kasih semua. SALAM BLOGGER

 

© Copyright Q Ingin Bisa 2010 -2011 | Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.