December Mgmg: Blogging သူမ်ားအတြက္ Marquee စာတန္းေလးမ်ား

Blogging သူမ်ားအတြက္ Marquee စာတန္းေလးမ်ား

8:27 PM

ကြ်န္ေတာ္က ဆုိဒ္က ျပင္တာ ဆင္တာ သိပ္မၾကိဳက္ဘူးဗ် ။ ဒီလုိပဲေရး ဒီလုိပဲထားတာ ။ ဝက္ဆုိဒ္စေရးသူမ်ားအတြက္ အသုံးဝင္မယ္႔ နည္းေလးေတြကိုလည္း သိပ္မေရးျဖစ္ပါဘူး ။ မ်ားေသာအားျဖင္႔ ကြန္ပ်ဴတာနဲ႔ ပတ္သက္တာပဲ ေရးတာမ်ားပါတယ္ ။ ခုေတာ႔ စာေရးသူမ်ားအတြက္ ဆုိဒ္မွာ ထည္႔ခ်င္တဲ႔ စာတန္းေလးေတြ ေျပာခ်င္တာေလးေတြကို စာတန္းေလးနဲ႔ပုိျပီး ထိတာေပါ႔ :)

စမ္းၾကည္႔ၾကတာေပါ႔ဗ်ာ ။ စေရးသူမ်ားအတြက္ ရည္ညြန္းတာမုိ႔ အေသးစိတ္ေလးေရးေပးပါ႔မယ္...

ပထမဆုံး မိမိရဲ႔ ဆုိဒ္ကို ဝင္ပါ ။ ျပီးရင္ Design ကို ေရြးပါ ။

ျပီးရင္ အဲဒီေလာက္မွာပဲ Add a Gadget ကို ေရြးလုိက္ပါ ။

ျပီးရင္ တက္လာတဲ႔ box ကHTML/JavaScript ကို ဆက္ေရြးပါ ။ ျပီးရင္ေတာ႔ ေအာက္က ၾကိဳက္တဲ႔ စတုိင္ကို ကူးထည္႔ျပီးစာသားကို ေျပာင္းလုိက္ျပီး Save လုိက္ရုံပါပဲဗ်ာ ။

<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>

This code results in:

Your scrolling text goes here

Text bouncing back and forth:

<marquee behavior="alternate">Your bouncing text goes here</marquee>

This code results in:

Your bouncing text goes here

Text Scrolling Upwards:

<marquee  behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>

This code results in:

Your upward scrolling text goes here

Change the Scrolling Speed:

<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>

This code results in:

Slow scroll speed

Medium scroll speed

Fast scroll speed

Scrolling Images:

Simply replace the src="... part with the location of your own image.

<marquee behavior="scroll" direction="left"><img src="http://2.bp.blogspot.com/_a0yWSgHhsIg/TQujkquG1XI/AAAAAAAAAF4/sfAE_PvcNcM/s1600/butterfly-1-dance.gif" width="100" height="100" alt="smile" /></marquee>

This code results in:

Images & Text (Both Scrolling):

Simply add your text under the image tag (but still within the marquee tags).

<marquee behavior="scroll" direction="left"><img src="http://2.bp.blogspot.com/_a0yWSgHhsIg/TQujkquG1XI/AAAAAAAAAF4/sfAE_PvcNcM/s1600/butterfly-1-dance.gif" width="100" height="100" alt="smile" /><br /> <p>Sample text under a <a href="http://24works.blogspot.com">Marquee image</a>.</p></marquee>

This code results in:

Sample text under a Marquee image.

Marquee Scrolling Text Codes

Right to Left

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

This code results in:

Right to Left

Left to Right

<marquee direction="right">   TEXT   </marquee>

This code results in:

Left to Right

Back and Forth

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

This code results in:

Back and Forth

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

This code results in:

Up Up Up

Down

<marquee direction="down">   TEXT   </marquee>

This code results in:

Down Down Down

Up and Down

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

This code results in:

Up and Down

Angle Down

<marquee><marquee direction="down">   TEXT   </marquee></marquee>

This code results in:

Angle Down

Angle Up

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

This code results in:

Angle Up

Angle Up Back and Forth

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

This code results in:

Angle Up Back and Forth

Bounce Around Back and Forth

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

This code results in:

Bounce Around Back and Forth

Multiple Lines

<marquee direction="right">   TEXT <br> TEXT <br> TEXT <br> TEXT   </marquee>

This code results in:

Multiple Lines

Multiple Lines

Multiple Lines

Multiple Lines

<marquee bgcolor="   COLOR   " style="color:   COLOR   ">   TEXT   </marquee>

Colored Background Color Codes Pick 2 different colors so you can read the text.

Colored Background

<marquee direction="left"><blink>   TEXT   </blink></marquee>

Right to Left Blinking* Blinks in Firefox, Mozilla and Netscape only.

Right to Left Blinking

Opposing Marqee's

<marquee>   TEXT   </marquee> <marquee direction="right">   TEXT   </marquee>

This code results in:

Right to LeftLeft to Right

Change Text Size

<marquee style="font-size:   NUMBERpx   ">   TEXT   </marquee>

This code results in:

Change Text Size

Change Width

<marquee width="   NUMBER%   ">   TEXT   </marquee>

This code results in:

Change Width

2 comments:

Rvwang MvRing..! said...: မုိက္တယ္ ဆ၇ာ ခြန္ေမာင္ပန္ ေက်းဇဴးတင္ပါတယ္; September 13, 2011 at 6:18 AM
လင္းဆက္မႉး said...: Good....; October 2, 2011 at 11:39 PM

December Mgmg

Blogging သူမ်ားအတြက္ Marquee စာတန္းေလးမ်ား

Text bouncing back and forth:

Text Scrolling Upwards:

Change the Scrolling Speed:

Scrolling Images:

Images & Text (Both Scrolling):

Marquee Scrolling Text Codes

2 comments:

Post a Comment

အမ်ိဳးအစား

Followers

စာဖတ္သူမ်ား

ေျပာစရာရွိရင္