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 ❂
"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

Related Posts Plugin for WordPress, Blogger...
 SABAHSARAWAK
Bila Mr J Menaip
 ARTIKEL KIRIMAN EMEL PEMBACA ► Sila Hantar ke admin@pengerindu.com
+PENDAPAT  +KOMEN WWW.PENGERINDU.COM► 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 ©