Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
<!----trickstoo.com facebook button starts-----> <style>အားလံုးအဆင္ေျပၾကပါေစ....
img, a { border: 0; }
#on { visibility: visible; }
#off { visibility: hidden; }
#facebook_div { width: 196px;
height: 300px;
overflow: hidden; }
#facebook_right {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 300px;
position: fixed;
right: -200px; }
#facebook_right img {
position: absolute;
top: -2px;
left: -35px; }
#facebook_right iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
left: -2px;
top: -3px; }
#facebook_left {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
left: -200px; }
#facebook_left img {
position: absolute;
top: -2px;
right: -35px; }
#facebook_left iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
right: -2px;
top: -3px; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#facebook_right").hover(function () {
jQuery(this)
.stop(true, false)
.animate({ right: 0 }, 500); }, function () {
jQuery("#facebook_right")
.stop(true, false).animate({ right: -200 }, 500); });
});
</script>
<br />
<div id="on">
<div id="facebook_right" style="top: 10%;">
<div id="facebook_div">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsgrp9yRUSyMnZQyUC6DUQsYsHV2O782ZTn-_yGIpyDSWe-b_XgNJNYSIvXYGOfykTMDwAK7W5AC9imabNo-WFD2Xlv4tAMpTE1aKwdWncAsUzzYT3UcZLkbU1AfbSruIu01614z01Ub9L/s1600/NBTfacebook_right.png" />
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=ဒီေနရာမွာ facebook like page url ကိုထည့္ပါ?ref=hl&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe></center>
</div>
<!----trickstoo.com facebook button ends-----></div>
ပါ။ ဒါေပမယ့္ သူက font ပံုစံေျပာင္းသြားတယ္။ အဲဒါက ကိစၥ မရိွပါဘူး။ ေနာက္ပိုင္း font ေတြဘယ္လိုေျပာင္းရလဲ ဆိုတာသိလာရင္ လာျပင္လုိက္လို႕ရပါတယ္။ ေနာက္ျပီးမွာ သူက tab ေခါက္ထားတာေတြ အစသိပါတယ္။<html><head><title>Example</title></head><body>Pre Tag, Now EnterNow Tab Tab</body></html>
Paragraph Tag
ကၽြန္ေတာ္တို႕ေတြ စာေတြကို paragraph ပံုစံေရးခ်င္တယ္။ စာပိုဒ္ေတြနဲ႕ ေရးမယ္ေပါ့။ ဒါဆိုရင္
ကိုသံုးလို႕ရပါတယ္။ သူက အပိတ္ tag မပါလည္းရပါတယ္။ ထည့္ရင္ေတာ့ ပိုေကာင္းတာေပါ့။<html><head><title>Example</title></head><body>
About Notepad
Notepad is a basic text editing program and it is most commonly used to view or edit text files. A
text file is a file type typically identified by the .txt file name extension.
How do I change the font style and size?Changes to the font style and size affect all the text in the document. Click the Format menu, and then click Font. Make your selections in the Font, Font style, and Size boxes. An example of how your font will look appears under Sample. When you are finished making font selections, click OK.
</body></html>
Horizonal Lineကၽြန္ေတာ္တို႕ေတြ horizonal မ်ဥ္းသားခ်င္တဲ့ အခါမွာ သံုးလို႕ရပါတယ္။ သံုးပံုသံုးနည္းကေတာ့ <hr> ပါပဲ။ close tag မပါပါဘူး။<html><head><title>Example</title></head><body>
About Notepad
Notepad is a basic text editing program and it is most commonly used to view or edit text files. A text file is a file type typically identified by the .txt file name extension.
<hr>How do I change the font style and size?
Changes to the font style and size affect all the text in the document.
Click the Format menu, and then click Font. Make your selections in the Font, Font style, and Size boxes. An example of how your font will look appears under Sample. When you are finished making font selections, click OK.
</body></html>အထက္ပါ code ကို run လိုက္ရင္ ဒီလိုျမင္ရမယ္။ အဲမွာ <hr> ထည့္ထားတဲ့ေနရာက line ေလးတားထားတာကို ျမင္ရပါလိမ့္မယ္။
Attribue
ကၽြန္ေတာ္တို႕ေတြဟာ tag ေတြမွာလည္း attribute ေတြထည့္ျပီး သံုးႏိုင္ပါတယ္။ attribute ဆိုတာကေတာ့ အဲဒီ tag ပိုင္ဆိုင္တဲ့ properties ေပါ့။ tag တိုင္းမွာေတာ့ attribute မရိွပါဘူး။ အခု ဦးစြာ အရင္ဆံုး body မွာပါတဲ့ color attribute အေၾကာင္းေလးနဲ႕ စလိုက္ရေအာင္။
Body Color
<html><head><title>Example</title></head><body bgcolor=silver>Body BGCOLOR</body></html>
အဲဒီ code ေလးကို run လုိက္ရင္ေတာ့ အရင္ကလို background color က အျဖဴေရာင္မဟုတ္ေတာ့ပဲ စိမ္းႏုေရာင္ေလးျဖစ္ေနတာကို ေတြ႕ရပါမယ္။ေအာက္က Table မွာ အသံုးမ်ားတဲ့ color 16 ေရာင္နာမည္ေတြပါ။
Silver Gray Maroon Green Navy Purple Olive Teal White Black Red Lime Blue Magenta Yellow Cyanကၽြန္ေတာ္တို႕ေတြဟာ color ေတြကို code အေနနဲ႕လည္း အသံုးျပဳႏိုင္ပါတယ္။ သံုးရမွာကေတာ့ RGB color ပါ။ Hex code number ကိုအသံုးျပဳရပါတယ္။ #FF0000 ဆိုရင္ေတာ့အနီေရာင္ပါ။ ေရွ႕ဆံုး ၂ လံုးက အနီေရာင္ျဖစ္ျပီး အလယ္ ၂ လံုးက အစိမ္းေရာင္ပါ။ ေနာက္ဆံုး ၂လံုးကေတာ့ အျပာေရာင္ေပါ့။ အဲဒီ အေရာင္ ၃ေရာင္ကို စပ္ျပီး သံုးရပါတယ္။ တကယ္လို႕ color ေတြကို မသိဘူးဆိုရင္ photoshop ကေနလည္း ၾကိဳက္ႏွစ္သက္တဲ့ အေရာင္ကို ယူျပီးသံုးႏိုင္ပါတယ္။ ဘယ္လိုယူရမလဲဆိုရင္ေတာ့ အရင္ဆံုး photoshop ကိုဖြင့္လိုက္။ ဘယ္ဘက္ ေအာက္နားမွာ color ေရြးဖို႕ေလးပါတယ္။အဲဒါေလးကို double click လုပ္လိုက္ပါ။ color dialog box တက္လာပါမယ္။ ျပီးရင္ ႏွစ္သက္ရာ အေရာင္ေရြးပါ။ color အေရာင္ေရြးျပီးရင္ ေအာက္နားမွာ hex code ေလးကို copy ကူးလိုက္ရံုပါပဲ။ ကၽြန္ေတာ္တို႕ေတြ color အေနနဲ႕သံုးခ်င္ရင္ # ေလးကို ေရွ႕မွာ ခံျပီးသံုးလိုက္ရံုပါပဲ။<html><head><title>Example</title></head><body bgcolor=#e5bb2c>Body BGCOLOR Hex code</body></html>အခုဆိုရင္ေတာ့ attribute ပိုင္း နဲ႕ color ပိုင္းေလးကို နည္းနည္းပါးပါးသိေလာက္ျပီလို႕ထင္ပါတယ္။ attribute ထည့္လို႕ရတဲ့ tag ေတြကလည္း အမ်ားၾကီးရိွပါေသးတယ္။ ျဖည္းျဖည္းျခင္း ေျပာျပသြားမယ္။ အခု ေနာက္ထပ္ tag တစ္ခုျဖစ္တဲ့ <hr> ရဲ႕
attribute အေၾကာင္းေလးေျပာပါမယ္။
Hr Attribute
ကၽြန္ေတာ္တို႕ေတြဟာ tag တစ္ခုရဲ႕ေနာက္မွာ attribute တစ္ခုထက္မက လိုက္လို႕ရပါတယ္။ tag ေတြေနာက္မွာ attribute တစ္ခုထက္မကပါတာေတြကို ေနာက္ပိုင္းမွာေတြ႕ရပါလိမ့္မယ္။ အခုေတာ့ hr အေၾကာင္းေလး ဆက္ရေအာင္။<html><head><title>Example</title></head><body bgcolor=#e0e0e0>Default HR<hr>Hr with size=1<hr size=1>Hr with size=5<hr size=5>Hr with size=10<hr size=10>Hr with size=10 and noshade<hr size=10 noshade>Hr with size=5 and color<hr size=5 color=#D60000></body></html>အဲမွာ size ကေတာ့ အရြယ္အစားပါ။ noshade ဆိုတာကေတာ့ shade မပါတဲ့ဟာကို ေျပာတာပါ။ ေျဗာင္ၾကီးေပါ့။ color ကေတာ့ မိမိၾကိဳက္ႏွစ္သက္တဲ့အေရာင္ထည့္လို႕ရပါတယ္။
List
List ပိုင္းမွာ order list နဲ႕ unorder list ဆိုျပီးရိွပါတယ္။ တနည္းအားျဖင့္ နံပါတ္စဥ္နဲ႕ list နဲ႕ နံပါတ္စဥ္ေတြမပါတဲ့ list ေပါ့။ေနာက္ျပီး defination list ဆိုတာရိွပါေသးတယ္။ လူသံုးနည္းပါတယ္။ ပထမဆံုး unorder list အေၾကာင္းေလးသြားရေအာင္။
Unorder list
<html><head><title>Example</title></head><body>
Unorder List
ဒါကေတာ့ tab ခုန္တာေပါ့။ ကိုယ့္စာပိုဒ္ေလးကို တစ္တည္းတစ္သနု္႕ထဲ ေဖာ္ျပခ်င္တဲ့ အခါမွာ သံုးၾကပါတယ္။italic လုပ္တာကို အေပၚမွာေျပာခဲ့ဘူးပါတယ္။ ဒီ code ကိုလည္း သိမွာပါ။ ကၽြန္ေတာ္တို႕ေတြ enter ေတြ tab ေတြမလိုပဲ သံုးခဲ့တာေလ။သူကေတာ့ စာလံုးကို ပံုမွန္ထက္ ေသးေအာင္ လုပ္ေပးတာပါ။
Apple Logo</body></html>တကယ္လို႕ ပံုမျမင္ရပဲ ၾကက္ေျခခတ္ ( ) ပဲျမင္ရရင္တာ့ ထည့္ထားတဲ့ image ပတ္လမ္းေၾကာင္းမွားတာျဖစ္ႏိုင္သလို image extension မွားတာလည္း ျဖစ္ႏိုင္တယ္။ image ထည့္လို႕ရတဲ့ extension ေတြကေတာ့ jpg gif png ေတြပဲ။ image က size ၾကီးက ၾကီးေနတယ္။ ေသးခ်င္တယ္။ ျဖစ္ပါတယ္။<html><head><title>Example</title></head><body> Apple Logo</body></html>width နဲ႕ height ဆိုတဲ့ attribute က ပံုရဲ႕ size ကို ထိန္းခ်ဳပ္ေပးပါတယ္။ ကိုယ္ၾကိဳက္တဲ့ အလ်ားကို width မွာထည့္ျပီး အျမင့္ကိုေတာ့ height မွာထည့္ျပီး ပံုရဲ႕ size ကိုျပင္လို႕ရတယ္။ Apple Logoဆိုရင္ေတာ့ alt ဆိုတဲ့အထဲမွာေရးထားတဲ့ စာသားကို ပံုေပၚ Mouse ေလးသြားတင္လိုက္ျပီး ခဏၾကာမွာ ေပၚလာမွာပါ။ ကၽြန္ေတာ္တို႕ကေတာ့ tool tip လို႕ေခၚတာပါ။
</body></html>အေပၚက code ကို ဖတ္လိုက္တာနဲ႕ နားလည္မယ္ထင္ပါတယ္။ အဲမွာ ေမးစရာတစ္ခုထြက္လာတယ္။ border ဆိုတာဘာလဲေပါ့။ ကၽြန္ေတာ္တို႕ href ကို သံုးလိုက္တဲ့ အခါ image မွာ အျပာေရာင္ border ျဖစ္သြားတယ္။ အဓိပၸာယ္ကေတာ့ Link ရိွတယ္ေပါ့။ အဲဒါေလးကို မေပၚခ်င္လို႕ ေဖ်ာက္လိုက္တာပါ။
ဧရာျမန္မာယူနီကုဒ္စာလုံးေျပာင္းရန္
ေဇာ္ဂ်ီျမန္မာစာလုံး
အြန္လိုင္းျမန္မာစာေရးနိဳင္ေသာ အယ္ဒီတာ
အြန္လိုင္းတြင္ ျမန္မာယူနီကုဒ္စာလုံးသို႕ေျပာင္းရန္
အြန္လိုင္းျမန္မာ အဂၤလိပ္ ျမန္မာ ျမန္မာ အဘိဓာန္
ဧရာျမန္မာယူနီကုဒ္အဖြဲ႕ လိပ္စာ
