HTML: moving text or image on Blog

Portal Blog yang mengupas, mengulas dan mengkritik serta berkongsi isu semasa yang Tidak anda ketahui dari Sabah dan Sarawak. Kongsikan pendapat atau apa jua Isu dengan Pembaca disini. ❂ admin@pengerindu.com ❂
Bukan Sekadar Weblog Biasa - Sejak 2009 "Terbaek. Pengetahuan yg luas dan sungguh menghiburkan para pembaca lagipun dgn brita terkini yg tepat dan padat. " - Jesrim Akok ✌ "macam macam ada..utk di kongsi bersama...nang best juak..teruskan usaha murni anda mr J. " - Habsah Mo C D ✌ "1borneo ba..sporting.. " - Dekmon Alan ✌ "macam2 ada..best!! terbaikkk!!! " - Anastasia Julie Lobert
Jom kita main - main dengan Html pernah tak tengok kod untuk ayat bergerak ? . So kali ini Mr J bagitau untuk Gambar dan juga ayat pula bergerak , dengan Html ini kita mampu memeriahkan malah mencantikkan Myspace , Friendster dan tentu sekali para pengguna blogspot.com ,



This are the codes to make your contents move:

Of course, you can modify the direction...
And to modify the speed you can add the scrollamount after the direction, like this:


1 is the slower version, and 20 is the maximum.

  • How to adding Image ?




*Untuk meletakkan Gambar anda perlu gantikan TEXT kepada kod ini : <img src="http://img197.imageshack.us/img197/3923/pengerindukecik.gif" />


To ADD an Image u Have to add this Code between the TEXT</marquee>

<img src="http://img197.imageshack.us/img197/3923/pengerindukecik.gif" />

Host your picture at free hosting like Photobucket.com
Change the Yellow Url to your own Picture .

Example below:


<marquee behavior="scroll" direction="left"><img src="http://img197.imageshack.us/img197/3923/pengerindukecik.gif" /></marquee>

#############################################################
  • Continuous scrolling, from the left:
TEXT or IMAGE


<marquee behavior="scroll" direction="left">TEXT</marquee>


  • Text bouncing:

TEXT or IMAGE


<marquee behavior="alternate">TEXT</marquee>


  • Scrolling upwards:

TEXT or IMAGE


<marquee behavior="scroll" direction="up">TEXT</marquee>



  • Stop the mouvement whit the mouse (click and hold the mouse down!):

TEXT or IMAGE


<marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();">TEXT</marquee>


  • Stop the mouvement with the mouse (but without clicking!):

TEXT or IMAGE


<marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">TEXT</marquee>


So, Selamat mencuba semoga trick kali ini sedikit sebanyak dapat membantu anda mencantikkan Blog atau Profile anda..

Salam ceria ,
Mr. J
www.pengeRindu.com
Subscribe untuk mendapatkan 10 ebook Percuma.
Get Top Commenter Awards?

Ingin artikel anda disiarkan sini? senang sahaja "Emailkan" sahaja kepada kami.

Translate This Blog : English * Chinese * German * Japan * Korea * Arabic * Filipino * Thai * Hindi *

Bookmark and Share

Dapatkan Artikel terbaru dan 10 ebook Percuma daripada www.pengeRindu.com serta artikel terbaru terus ke email anda. Sila masukkan email anda dibawah:

Penghantaran ditaja oleh FeedBurner

Program SMS Prepaid Terunggul Dari MYeCASH

15 comments:

Cheese Monster berkata...

thx..aku da ingt balik nak gune dreamwever bile tgk coding ko ni..

potato n open hack clicked

adeq berkata...

hahuehuheuhue.. thank berbanyak2 dah lama aku carikk.. akhirnya.. cantik lah myspace adik nanti.

Mr.J berkata...

hBz , huhu.. i tak reti pakai dreamweaver.. software dia pun tak ade. hihi

Mr.J berkata...

adeq , aaaa.. jangan asyik myspace je.. belajar tau.

MCM berkata...

Keni ka nyimpan gambar dalam kod nya bro??

Mr.J berkata...

<marquee behavior="scroll" direction="left"><img src="http://img197.imageshack.us/img197/3923/pengerindukecik.gif" /></marquee>

tambah kod tu

Tanpa Nama berkata...

huh. culik satu kod ya MR J.

eB ezrin berkata...

bestla... nak try yer Mr J... Thx 4d info

Mr.J berkata...

mamaaerish : , Cube jgn xcube...

Tanpa Nama berkata...

menarik. thank 4 share...

Mr.Briz berkata...

good information Mr.J

Mr.J berkata...

Brisley Bujar , yup. sharing is caring . hhehieihe . thnk 4 visit.

Ken Wooi berkata...

cool.. thanks for sharing..
one is okay..
but if too many.. then can be annoying.. =P

kenwooi.com

Mr.J berkata...

kenwooi , thnk 4 drop.. yup .. put 1 is enough..

Tanpa Nama berkata...

Добрый день!

Заметил такой web-сервис:
Юридическая консультация

Хотел узнать ваше мнение, будет ли актуальна данная тема?

 SABAHSARAWAK
Bila Mr J Menaip
 ARTIKEL KIRIMAN EMEL PEMBACA ► Sila Hantar ke admin@pengerindu.com
+PENDAPAT  +KOMEN http://pengerindu86.blogspot.my► server ↑ 97%  
Stastitik

PENGERINDU.COM. Dikuasakan oleh Blogger.
 
Copyright © 2009 - 2015 www.pengeRindu.com - Bukan Sekadar Weblog Biasa | Voice of The People Sabah / Sarawak | Rise of DAYAK- All Rights Reserved ©