header image 2

header image for plain white blog

header image 1

header with text

header without text

ဘေလာဂ္႔ ေနာက္ခံေလး ရုိးေနလုိ႔ header ေလးထည္႔ခ်င္တယ္ဆုိရင္ .....

ဘေလာဂ္႔တမ္းပလိတ္

သၾကၤန္မွာ ဘယ္မွ သြားလုိ႔မရတာနဲ႔အတူတူ တစ္ခုခုလုပ္ရင္ေကာင္းမွာပဲ ဆုိျပီး စဥ္းစားလုိက္ေတာ႔ ဘေလာဂ္တမ္းပလိတ္ေလး တစ္ခု ကလိျဖစ္သြားတယ္..

ၾကိဳက္နွစ္သက္တယ္ဆုိရင္ ဒီမွာ ယူလုိ႔ရပါတယ္

လြမ္းတယ္

(PHOTO FROM www.canhope.com.sg)

သူငယ္ခ်င္းေတြကို လြမ္းပါသည္...
project လုပ္ခဲ႔တဲ႔ အခ်ိန္ေတြကို လြမ္းပါသည္...
ရန္ျဖစ္လုိက္ ျပန္တည္႔လုိက္ အခ်ိန္ေတြျဖဳန္းလုိက္ အေပ်ာ္ေတြလြန္ လုိက္နဲ႕ေပါ႔...
ဘယ္ေတာ႔မွ ျပန္မရေတာ႔တဲ႔ အမွတ္ရစရာမ်ားကို ရင္မွာ သိမ္းဆည္းျပီး...
အလြမ္းေတြ တစ္ေပြ႔တစ္ပိုက္ၾကီးနဲ႔ကို လြမ္းပါသည္...
ဘယ္ေနရာ ဘယ္ေဒသကိုပဲ ေရာက္ေရာက္ စာတစ္တန္ ဖုန္းတစ္တန္ နဲ႔ မဆက္သြယ္နုိင္တာေတာင္ အားလံုးကို သတိရေနတယ္
ဆုိတာ သိၾကပါေစ...

ဒီဘဝတစ္ခုမွာ ဆံုဆည္းခဲ႔တာ အစဥ္အျမဲ တုိ႔တစ္တေတြ အတူရွိခဲတာ...
ေနာက္ဆံုးေသာ အခ်ိန္ ျပန္ျပီးခဲြခြာ သူငယ္ခ်င္းမ်ားစြာ ထာဝရေဝးကြာ...

အတိတ္

ေဝဖာကို ၾကိဳက္သည္...
ေခ်ာကလတ္နဲ႔ စာရင္ စေတာ္ဘယ္ရီကို ပိုၾကိဳက္သည္...
သို႔ရာတြင္ မေန႔က အလုပ္သြားေတာ႔ ဆုိင္မွာ ေရာင္းေနတဲ႔ loacker တံဆိပ္ေဝဖာ အသစ္ေရာက္ေနသည္...
သံုးမ်ိဳးရွိသည္...
အဲ႔ထဲကမွ အစိမ္းေရာင္ အထုတ္ကို သြားၾကည္႔ေတာ႔ လီမြန္နဲ႔လုပ္ထားသည္ ဟုေရးထားသည္...
ဝယ္ျပီးစားၾကည္႔ေတာ႔ ေတာ္ေတာ္ ေကာင္းပါသည္...
ခ်ဥ္ျဖံဳးေလးနဲ႔ စားလုိ႔ေကာင္းသည္...
တစ္ထုပ္ကို S$၁.၉၅...
တန္သည္...
စားမည္.... း)

http://www.loacker.com/1282d1288.html

ပဲငပိခ်က္

ဟင္း ခ်က္လုိ႔မရတဲ႔ အိမ္မွာ အိမ္ငွားေနရတဲ႔ က်မအတြက္ ထမင္းစားေကာင္းဖုိ႔ ဆုိတာ အိမ္မက္ပါပဲ...
တစ္ခါတစ္ေလ စိတ္ကူးေပါက္လုိ႔ အိမ္ရွင္ခြင္႔ျပဳရင္ေတာ႔ ထမင္းခ်က္လုိ႔ရတယ္...
ဒါေပမဲ႔ ဟင္းမွခ်က္လုိ႔မရတာ အဲဒီ႔ေတာ႔...
ဒီပဲငပိခ်က္ဗူးေလးက အဲဒီအခ်ိန္မ်ိဳးမွာ က်မအတြက္ မရွိမျဖစ္ လက္ဆဲြေတာ္ ေလးေပါ႔...
အရသာေလးက ေတာ္ေတာ္ ထမင္းျမိန္ေစပါတယ္...
ဆုိင္ေတာ္ေတာ္မ်ားမ်ားမွာ ရနုိင္ပါတယ္...
fair price ကစလုိ႔ YES, Prime စတဲ႔ mini market ေတြမွာပါ ရနုိင္ပါတယ္...
ေစ်းကလဲ ခ်ိဳပါတယ္.... ၁.၉၀ SG$ ဝန္းက်င္ေလာက္ပဲ ရွိေတာ႔ တန္တယ္ေပါ႔....

divider ဘားကို ကလိျခင္း

ပဲငပိ အေၾကာင္းေရး ရင္းနဲ႔ စာတစ္ပုဒ္ေရးျပီးတုိင္း ဝါသနာအရ divider ဘားေလး ထည္႔ျခင္းကို ကလိၾကည္႔ပါသည္...

အက်ိဳးအျမတ္ကေတာ႔ http://www.w3schools.com ဒီဆုိဒ္ေလးေတြ႔သည္...
Html ကို ေလ႔လာခ်င္တယ္ဆုိရင္ ကိုယ္တုိင္ စမ္းေလ႔က်င္႔ဖုိ႔ အတြက္ ဥပမာေတြ အဆင္သင္႔ ေပးထားသည္..
ၾကိဳက္သလုိ ေဆာ႔ရင္း ေလ႔လာနုိင္ပါသည္...

က်မက ဘေလာ႔ေရးျခင္းထက္ ဘေလာ႔ စာမ်က္နွာတစ္ခြင္ ေလွ်ာက္ေဆာ႔၊ ကလိ၊ လုပ္ခ်င္ရာလုပ္ ရသည္ကို ပိုသေဘာက်သည္...
ဘာမွမဟုတ္ေပမဲ႔ အေပ်ာ္သေဘာေလးေပါ႔...

အခုလဲ ဒီဘားကို တစ္ေၾကာင္းထဲမွာ နွစ္ပံုသံုးပံု ေရာထည္႔ခ်င္ပါသည္...
အဲဒီေတာ႔ ပို႔စ္တစ္ခုရဲ႔ ေအာက္မွာ ထည္႔ခ်င္တဲ႔ divider ရဲ႔ html code ကို ေကာ္ပီလုပ္ပါ..
ျပီးေတာ႔ code မွာပါတဲ႔ img link ကို နွစ္ခါ ေကာ္ပီ ကူးလုိက္ရံုပါပဲ...
လြယ္လြန္းလုိ႔ မရတာပါ...ဟိ ဟိ

ကဲကဲ အိမ္မွျဖစ္ေတာ႔မည္...
၁နာရီလဲထုိးေရာေပါ႔...
နက္ျဖန္က်ရင္ ေစတနာ နဲ႔ ဂိုက္လုပ္ေပးေသာ သူငယ္ခ်င္းက စာေမးမည္တဲ႔...
ေမးလုိ႔ မရရင္ KFC ဝယ္ေကၽႊးရမယ္ဆုိလုိ႔ နက္ျဖန္ နံနက္ စာက်က္ဖုိ႔ အခု အိပ္ပါေတာ႔မည္...

ဘေလာဂ္ ေနာက္ခံပံု စိတ္ၾကိဳက္ျပင္ျခင္း

ဘေလာ႔ဂ္ကို စာေမးပဲြနားနီးတုိင္း ကလိသည္...
ဘာအက်င္႔မွန္းမသိပါ...
ခုလည္း template တစ္ခုမွာ ပါတဲ႔ နွင္းဆီပန္းပံုကို ၾကိဳက္သြားလုိ႔ တမနက္လံုး ကလိသည္...
အဲဒီပံုကို
body ထဲက

background-image: url(http://stuff.pyzam.com/layouts/img/v/a/ajvalroses.jpg);
background-attachment: fixed;
background-position:bottom left;
background-repeat:repeat-x;

အစိမ္း ျပထားတဲ႔ေနရာေတြမွာ ျပင္ရပါသည္...

url ေနရာမွာ ကုိယ္ၾကိဳက္တဲ႔ပံုထည္႔
position ကိုေတာ႔

• top left
• top center
• top right
• center left
• center center
• center right
• bottom left
• bottom center
• bottom right ဆုိျပီးေတာ႔ ၾကိဳက္တဲ႔ေနရာမွာ ထားလုိ႔ရသည္...

repeat ကေတာ႔ ဒီေန႔ ေလာေလာလတ္လတ္ ရွာေဖြရထားတာေပါ႔....
ပံုကို စာမ်က္နွာရဲ႔ ေထာင္႔တစ္ေထာင္႔မွာ ကပ္ထားခ်င္တယ္ဆုိရင္ေတာ႔ no-repeat ေပါ႔...
အဲလုိ မဟုတ္ပဲ စာမ်က္နွာ အလ်ားလိုက္ တစ္ေလွ်ာက္လံုး ေပၚခ်င္ရင္ေတာ႔ repeat-x ပါ...
ေဒါင္လုိက္ ပံုေတြရွိခ်င္ရင္ေတာ႔ ေကာ..... repeat-y ေပါ႔....

ဘေလာဂ္႔အေရာင္နဲ႔ ေနာက္ခံပံုေလးေတြ ေျပာင္းတာကိုေတာ႔ ဒီမွာ ေရးထားတယ္....

REF: http://csshtmltutorial.com

NATO phonetic alphabet

The NATO phonetic alphabet သုိ႔ the international radiotelephony spelling alphabet ကို ဖုန္းထဲမွ သို႔မဟုတ္ ေရဒီယိုနွင္႔ ဆက္သြယ္ေျပာဆုိေသာ အခ်ိန္တြင္ စာလံုးေပါင္းျပတဲ႔ ေနရာေတြမွာ သံုးနုိင္ပါတယ္။ ဒီစနစ္က အဂၤလိပ္အကၡရာ စာလံုးေတြကို ကုဒ္စာလံုးေတြ ( A for Alfa, B for Bravo) စသည္ျဖင္႔ ေပးခဲ႔ပါတယ္။ ဒါမွသာ radio သို႔ telephone လုိင္းေတြကို အသံုးျပဳျပီး ေပးပို႔တဲ႔ message ေတြမွာပါတဲ႔ နားျဖင္႔ၾကားရံုမွ်ျဖင္႔ မမွန္းနုိင္တဲ႔ အကၡရာေတြကို မွန္မွန္ေျပာျပနုိင္မွာပါ။ ဒီကုဒ္ေတြကို အထူးသျဖင္႔ ေရဒီယို သံုးျပီးေျပာရတဲ႔ ေနရာေတြမွာ အသံုးမ်ားပါတယ္။

A	Alfa
B	Bravo
C	Charlie
D	Delta
E	Echo
F	Foxtrot
G	Golf
H	Hotel
I	India
J	Juliet
K	Kilo
L	Lima
M	Mike
N	November
O	Oscar
P	Papa
Q	Quebec
R	Romeo
S	Sierra
T	Tango
U	Uniform
V	Victor
W	Whiskey
X	X ray
Y	Yankee
Z	Zulu

ဘေလာဂ္ အေရာင္ နွင္႔ေနာက္ခံ ေျပာင္းျခင္း

ဘေလာဂ္ေနာက္ခံပံု ကို ကုိယ္ၾကိဳက္တဲ႔ပံု ေျပာင္းခ်င္ရင္

၁။ edit HTML
၂။ body ထဲက background-image: url(); ကိုေတြ႔ရင္ ကြင္းစ ကြင္းပိတ္ထဲမွာ စိတ္ၾကိဳက္ editing လုပ္ျပီးလုိ႔ ရထားတဲ႔ ပံုရဲ႔ Link ကို ေကာ္ပီကူးလုိက္ ရင္ ရျပီ။

ဘေလာဂ္ေနာက္ခံပံု ကို စာဖတ္ရင္းနဲ႔ ျမင္ေအာင္လုပ္ခ်င္ရင္

၁။ edit HTML
၂။ Header wrapper နဲ႔ Main wrapper ထဲက
background-color:#ffffff; (ဒီစာေၾကာင္းေတြကို ရွာ)
ေတြ႔ရင္ အဲဒီစာေၾကာင္းေအာက္မွာ ဒီစာေၾကာင္းကုိထည္႔ပါ။

filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;

sidebar အသစ္တစ္ခုထည္႔ျခင္း

Adding a second sidebar

Sidebar အသစ္တစ္ခုထည္႔ခ်င္လုိ႔ လိုက္ေမႊလုိက္တာ ေတြ႕တာေလးကို ဘာသာျပန္ထားပါတယ္။

ပထမဆံုးအေနနဲ႔ HTML structure and layout ကုိရွင္းျပထားတာကို ေတြ႔ရပါတယ္။

Standard blogger template မွာ

1. Header section

2. Sidebar-section

3. Main-section

4. Footer-section ေတြဆုိျပီး အပိုင္းလိုက္ခဲြထား ပါတယ္။

ေအာက္မွာ ေဖာ္ျပထားတာကေတာ႔ template ရဲ႕ HTML code ေတြပါ။ ရွာရလြယ္ေအာင္ ေဘးမွာ လုိင္း နံပါတ္ေလးေတြ ထည္႔ထားေပးတာပါတဲ႔။

010: <body>
020: <div id='outer-wrapper'>l<div id='wrap2'>
030: <!-- skip links for text browsers -->
040: <span id='skiplinks' style='display:none;'>
050: <a href='#main'>skip to main </a>
060: <a href='#sidebar'>skip to sidebar</a>
070: </span>
080: <div id='header-wrapper'>
090: <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
100: <b:widget id='Header1' locked='true' title='Second Sidebar (Header)' type='Header'/>
110: </b:section>
120: </div>
130: <div id='content-wrapper'>
140: <div id='main-wrapper'>
150: <b:section class='main' id='main' showaddelement='no'>
160: <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
170: </b:section>
180: </div>
190: <div id='sidebar-wrapper'>
200: <b:section class='sidebar' id='sidebar' preferred='yes'>
210: <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
220: <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
230: </b:section>
240: </div>
250: <!-- spacer for skins that want sidebar and main to be the same height-->
260: <div class='clear'> </div>
270: </div> <!-- end content-wrapper -->
280: <div id='footer-wrapper'>
290: <b:section class='footer' id='footer'/>
300: </div>
310: </div></div> <!-- end outer-wrapper -->
320: </body>

Line 010 မွ Line 320 ထိကေတာ႔ body-tags ပဲျဖစ္ပါတယ္။

Line 020 မွ Line 310 ထိကေတာ႔ “outer-wrapper” နဲ႔ “wrap2” အတြက္ div-tags ပဲျဖစ္ပါတယ္။

Line 080 မွ Line 120 မွာေတာ႔ headerb ပဲျဖစ္ပါတယ္။ ဒီမွာထပ္ခဲြထားတာကေတာ႔

· Line 080 မွ Line 120 ကေတာ႔ div-wrapper

· Line 090 မွ Line 110 ကေတာ႔ section-tags

· Line 100 ကေတာ႔ Header ပါတဲ႔ Wdiget ပါ

Line 130 မွ Line 270 ထိကေတာ႔ content ပါ (blog posts ေတြနဲ႔ sidebar ေတြကိုေျပာတာပါတဲ႔)။ ဒီမွာလဲ ထပ္ခဲြထားတယ္

· Line 130 မွ Line 270 ကေတာ႔ content-wrapper

· Line 140 မွ Line 180 ကေတာ႔ main-wrapper

· Line 190 မွ Line 240 ကေတာ႔ sidebar-wrapper

Line 150 မွ Line 170 ထိကေတာ႔ main section ျဖစ္ျပီးေတာ႔ Line 160 ကေတာ. Posts ေတြပါတဲ႔ Blog-widget တဲ႔။ အဲဒါေတြကုိ Mian-wrapper ထဲမွာေတြ႔နိုင္ပါတယ္။

Sidebar-wrapper ထဲမွာကေတာ႔

Sidebar-section ကေတာ႔ line 200 ကေန230 ၾကားျဖစ္ျပီးေတာ႔ Archive-widget (line 210) နဲ႕ Profile-widget (line 220) ပါဝင္ပါတယ္။

Footer ကေတာ႔ Line 280 ကေန 300 ထိပါ။

Second sidebar ေလးကို ဘေလာဂ္႔ထဲမွာ ထည္႔ ရေအာင္။

Step 1: ရွိထားတဲ႕ template ေလးကို အရင္ backup လုပ္ပါ။

Step2: Line 190 နဲ႔ 200 မွာ ေအာက္ပါအတုိင္းျပင္လုိက္ပါ။
190: < id="'right-sidebar-wrapper'">
200: < class="'sidebar'" id="'right-sidebar'" preferred="'yes'">

Step 3: Left sidebar အတြက္ကုိ Line 131 ကစလုိ႔ ေအာက္ပါကုတ္အတုိင္း ထည္႔ရပါမည္။
131: < id="'left-sidebar-wrapper'">
132: < class="'sidebar'" id="'left-sidebar'" preferred="'yes'/">
133: