HTML: moving text or image on Blog

Posted: November 8, 2009 in Blog Trick and Wiget
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&#8221; /></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
http://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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s