ျမန္မာစာမ်ားေနရာမေရြးေကာင္းေကာင္းေပၚေစရန္

Blog site ေတြမွာ ျမန္မာလုိေကာင္းေကာင္းေပၚေစၿပီး ဖတ္ရႈသူတုိ႔ အဆင္ေျပေစဖုိ႔အတြက္ မိမိBlog တြင္ Myanmar Font ကုိထည့္သြင္းေၾကညာေပးထားရပါမယ္။ လက္ရွိ Oneline မွာအဆင္ေျပဆံုး အသံုးျပဳေနၾကတာ ကေတာ့ Zawgyi-One Font ပဲျဖစ္ပါတယ္။ Myanmar Zawgyi-One ကုိ မိမိ Blog ထည့္သြင္းအသံုးျပဳေတာ့မယ္ ဆုိရင္ သတိျပဳရမွာက Blogger Template Style ႏွင့္ Columm type တုိ႔ျဖစ္ပါတယ္။ ယခုသိေစလုိသည္မွာကာ Blogger အသစ္မ်ား၊ ၀ါသနာပါသူမ်ား ၊ Font အတြက္ စိတ္ညစ္ေန သူမ်ား အတြက္ အေထာက္အကူတစ္ရပ္အေနနဲ႔ ပဲျဖစ္ပါတယ္။ Blog Template Style အမ်ားႀကီးထဲက ႀကိဳက္ႏွစ္သက္ရာကုိေရြးခ်ယ္ အသံုးျပဳရမွာျဖစ္ၿပီး Columm ကုိေတာ့ Default အားျဖင့္ 2 columm ပဲေပးထားတာပါ။

ဥပမာအေနနဲ႔ Rounder Template Style တစ္ခု၏ အသစ္ျပဳလုပ္ၿပီးသား Blog တစ္ခုရဲ႕ ဘာမွ်မျပဳျပင္ရ ေသးတဲ့ HTML code တုိ႔နဲ႔ယွဥ္ျပသြားမွာပါ။

(၁) ပထမဆံုး Zawgyi-One .exe file ကုိ Download လုပ္ၿပီး Run ထားရပါမယ္။
(၂) မိမိBlog ရဲ႕ Dashboard ကုိ၀င္ပါ။
Layout==>Edit HTML ကုိတစ္ဆင့္ခ်င္း၀င္လုိက္ပါ။

Download Full Template ကုိႏွိပ္ၿပီး လက္ရွိ Template ကုိ Backup လုပ္ထားလုိက္ပါ။ Download ေပးပါလိမ့္မယ္။(အမွားယြင္းရွိခဲ့ရင္ ၄င္း Backup file ကုိ Notepad အေနျဖင့္ ဖြင့္ၿပီး Install ျပန္လုပ္ေပးရန္ျဖစ္ ပါတယ္)
Template တစ္ခုလံုးရဲ႕ HTML code အားလံုးကုိေတြ႕ရၿပီဆုိရင္ ေအာက္ေဖာ္ျပပါ Attribute tag ေတြကုိရွာပါ။ /* Variable definitions */ ရဲ႕ေအာက္မွာရွိပါတယ္။

၄င္း Attribute tag မ်ားကုိေတြ႕ရင္အျပာေရာင္ျဖင့္ျပထားေသာ code တုိ႔ကုိဖ်က္ပစ္ ႏုိင္ပါတယ္။ % နဲ႕ Default fonts တုိ႔ရဲ႕ၾကားမွာ Zawgyi-One,ကုိ ရုိက္သြင္းေပးလုိက္ပါ။ ေအာက္ပါနမူနာကုိၾကည့္ပါ။ အနီေရာင္ျဖင့္ ျပထားပါ တယ္။

(၃) ၿပီးရင္ေတာ့ေအာက္ေဖာ္ျပပါအတုိင္းလုိက္လုပ္ၾကည့္ပါဦး။
(က) Edit HTML မွာ ေအာက္ပါ code ကုိရွာပါ။

body {
background:#123;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

ဒီ body code ကေတာ့ Rounders 3 Template Style မွျဖစ္ပါတယ္။ font: x-small Trebuchet MS, Verdana, Arial, Sans-serif; ဆုိတဲ့ေနရာမွာ Zawgyi-One ကုိထည့္ရုိက္ေပးလုိက္ပါ။

font: x-small 'Zawgyi-One',Trebuchet MS, Verdana, Arial, Sans-serif;

တစ္ခ်ိဳ႕ Template ေတြမွာ ၄င္း body code တြင္ ယခုလုိထည့္သြင္းစရာ font: ---ဆုိတာမပါတာေတြ႔ရ တတ္မွာပါ။ အဲဒီလုိဆုိရင္ေတာ့ -

font-family:'Zawgyi-One',Trebuchet MS,Verdana, Arial, Sans-serif;

ဆုိၿပီး ထည့္သြင္းေၾကညာေပး လုိက္ေပါ့။
(ခ) ေနာက္ထပ္ေဆာင္ရြက္စရာကေတာ့ Font: ဆုိတာကို လုိက္ရွာၿပီး Zawgyi-One ကုိလုိက္ထည့္ေပး လုိက္ရံုပါ။ သတိထားရန္ အခ်က္ေလးကေတာ့ တစ္ခ်ိဳ႕၄င္း font: တုိ႔တြင္ ေအာက္ပါအတုိင္းသာ ပါရွိတတ္သျဖင့္ Zawgyi-One ႏွင့္ Default fonts တုိ႔ကုိ ထည့္သြင္းေပးရမွာပါ-
font: $bodyfont;
font: $pageTitleFont;
font: $descriptionFont;
font: $headerFont;
font: $postTitleFont;
Zawgyi-One ႏွင့္ Default fonts ဆုိသည္မွာ အပုိဒ္(၂)မွာေဖာ္ျပပါ ေဆာင္ရြက္ခဲ့သည့္ % အေရွ႕ Zawgyi-One ထည့္သြင္းေပးခဲ့သည့္ fonts မ်ားပဲျဖစ္ပါတယ္။ နမူနာအေနနဲ႔တစ္ခု ေဖာ္ျပေပးလုိက္ပါတယ္၊ က်န္တာေတြ မိမိဘာသာ ဆက္လုပ္ႏုိင္မယ္လုိ႔ ယူဆလုိက္ပါတယ္-

#outer-wrapper{
width: 740px;
margin: 0 auto;
text-align: $ startside;
font: $ body font;
}

အနီေရာင္ျဖင့္ျပထားတဲ့ေနရာမွာ အပုိဒ္(၂)မွာ ေဆာင္ရြက္ခဲ့တဲ့ သက္ဆုိင္ရာ fonts style တုိ႔ကုိ ေအာက္ပါ အတုိင္း အစားထုိး ထည့္သြင္းေပးလုိက္ပါ၊

#outer-wrapper{
width: 740px;
margin: 0 auto;
text-align: $ startside;
font: normal normal 100% 'Zawgyi-One',Trebuchet MS, Verdana, Arial, Sans-serif;
}

"သက္ဆုိင္ရာ fonts style" ဆုိတာကို ထပ္ရွင္းျပပါဦးမယ္။ ဆုိလုိသည္မွာ bodyfont, pageTitleFont, descriptionFont, headerFont, PostTitleFont တုိ႔အတြက္ normal normal 100%, normal bold 200%, စတာေတြကုိ ဆုိလုိျခင္း ျဖစ္ပါသည္။
(၄) သီးသန္႔ထည့္စရာေလးေတြ ရွိပါေသးတယ္။
(က) /* post */ ေအာက္ က .post-footer ထဲမွာ ေအာက္ေဖာ္ျပပါ အနီေရာင္ျဖင့္ ေဖာ္ျပထားသည့္ အတုိင္း ထည့္သြင္းေပးပါ-

.post-footer {
background: #ffffff;
margin:0;
padding-top:2px;
padding-$endSide:14px;
padding-bottom:2px;
padding-$startSide:29px;
border:1px dotted $borderColor;
border-width:1px;
font: normal normal 78% 'Zawgyi-One', Trebuchet MS, Verdana, Arial, Sans-serif;
font-size:100%;
line-height:1.5em;
color: #666666;
}

(ခ) /* Profile */ ေအာက္မွာလည္း ေအာက္ေဖာ္ျပပါ အနီေရာင္ျဖင့္ ေဖာ္ျပထားသည့္အတုိင္း ထည့္သြင္း ေပးလုိက္ပါ။ ဒါမွ တစ္ခ်ိဳ႕က မိမိကုိယ္ကုိ တင္ျပၾကတဲ့အခါမွာ ျမန္မာလုိေကာင္းေကာင္း ေပၚေအာင္ တင္ျပ ႏုိင္မွာပါ-

.profile-datablock {
margin-top:0;
margin-$endSide:15px;
margin-bottom:.5em;
margin-$startSide:0;
padding-top:8px;
font: normal normal 78% 'Zawgyi-One', Trebuchet MS, Verdana, Arial, Sans-serif;
font-weight: bold;
}

.profile-link {
background:url("http://www.blogblog.com/rounders3/ icon_profile_$startSide.gif") no-repeat $startSide .1em;
padding-$startSide:15px;
font: normal normal 78% 'Zawgyi-One', Trebuchet MS, Verdana, Arial, Sans-serif;
font-weight:bold;
}

***fonts size ကုိေတာ့ မိမိႀကိဳက္သလုိ အဆင္ေျပဆံုးမွာ ထားသံုးႏုိင္ပါတယ္။

*** Template Style အေပၚမူတည္ၿပီး code ေတြမတူညီတတ္ပါဘူး။ အနီးစပ္ဆံုးနဲ႔ အလြယ္ကူဆံုးေလးမုိ႔ နည္းနည္းေတာ့ ဂရုတစုိက္ ေဆာင္ရြက္လုိက္ရင္ ၿပီးစီးသြားမွာပါ။

ယခုေဖာ္ျပခ်က္ အားလံုးသည္ အနည္းငယ္နားလည္ ေစရန္အလုိ႔ငွာ ေစတနာေရွ႕ထားကာ မိမိလုိ blogger အသစ္မ်ား၊ font အတြက္ အဆင္မေျပေသး သူမ်ားအတြက္ ရည္ရြယ္ေရးသား လုိက္ပါသည္။ ဒီေလာက္ဆုိရင္ IE ႏွင့္ Firefox တုိ႔မွာ ေကာင္းေကာင္း ျမင္ရပါလိမ့္မယ္။ ေထာက္ျပစရာ၊ အႀကံျပဳစရာမ်ားကုိ comment မွာ ေရးသြင္းႏုိင္ပါသည္။
အဆင္ေျပပါေစ။