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

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 မွာ ေရးသြင္းႏုိင္ပါသည္။
အဆင္ေျပပါေစ။

အျပည့္အစံုသုိ႔>>>

ျပန္ေခါက္ခဲ့လုိလွ်င္>>>

Blogspot Element style ေျပာင္းသြားၿပီ

၁၂-၈-၂၀၀၈ ရက္ေန႔ ညေနပုိင္းေလာက္မွာ Blogspot ရဲ႕ Element style ကဒီလုိေလး ေျပာင္းသြားၿပီး။
လြယ္ကူစံုလင္စြာအသံုးျပဳႏုိင္မယ့္ WebGadgets မ်ားလည္း အသင့္ ပါလာပါတယ္။ ယခင္ Add a Element အစား Add a Gadget အျဖစ္ ေျပာင္းလဲသြားတာပါ။ အရင္ကထက္ ပုိစံုသြား တာေပါ့။ က်န္တာ ဘာေတြ ေျပာင္းလဲ လဲဆုိတာ အတိအက် မသိေသးပါဘူး။

အျပည့္အစံုသုိ႔>>>

ျပန္ေခါက္ခဲ့လုိလွ်င္>>>

Add a Favicon icon

မိမိ Websit ရဲ႕ URL အေရွ႕မွာ Logo icon ေလးေတြထည့္မယ္ဆုိရင္။

(၁) အရင္းဆံုးလုပ္ရမွာက မိမိထည့္သြင္းအသံုးျပဳလုိတဲ့ Image ကုိအရင္ ဆံုးဖန္တီးရမွာပါ။ Image ေတြျပဳျပင္ ဖန္တီးရာမွာ အေကာင္းဆံုးကေတာ့ Photoshot software ကအေကာင္း ဆံုးပါ။ ဒါေပမဲ့ ဒီျပင္ software သံုးတတ္ တ့ဲ သူမ်ားလည္းရွိမွာပါ။ က်ေနာ္ကေတာ့ Photo shot software ကုိ အသံုးျပဳပါတယ္။ Image size ကုိ 16px,16px ထားျပီး အသံုးျပဳ ပါတယ္။ 32px ,32px လည္းရပါတယ္။ အေကာင္းဆံုး ကေတာ့ 16px, 16px ပါ။ file type ကုိေတာ့ .jpg , pnd, gif ႀကိဳက္တာကုိ သံုးႏုိင္ပါတယ္။ က်ေနာ္ကေတာ့ .jpg type ကုိသံုးပါတယ္။ Image ပံုေတြကုိ Link code ရယူမဲ့ Hosting site www.iconj.com မွာလည္း အသင့္ သံုးႏုိင္တဲ့ Image မ်ားကုိ ထည့္သြင္းထားေပးပါတယ္။

(၂) Image စိတ္ႀကိဳက္ရၿပီးဆုိရင္ ၄င္းImage ကုိ Hosting site မွ Upload လုပ္ၿပီး Link code ကုိရယူရမွာပါ။ ဒီေနရာကုိ click လုပ္ၿပီးသြားရေအာင္ iconj.com

(၃) ၄င္း Site က free သံုးခြင့္ျပဳထားတာပါ။ အထက္ေဖာ္ျပပါပံုအတိုင္း Browse ကုိႏွိပ္ၿပီး မိမိရဲ႕ computer ဆီသြားပါ၊ မိမိ create လုပ္ထားခဲ့ေသာ Image ကုိ ေရြးေပးလုိက္ပါ။ ၿပီးရင္ေတာ့ Upload Now ဆုိတဲ႔ Tab bottom ကုိ ႏွိပ္ၿပီး Upload လုပ္ပါ။ မိနစ္အနည္းငယ္အတြင္းကုိ generate လုပ္ေပးၿပီး site ရဲ႕ Image Link code ကုိထုတ္ေပးပါလိမ့္မယ္။ေအာက္ပါပံုကုိၾကည့္ပါ။

(၄) Host It at IconJ.com:(Direct Link) ေအာက္က ထုတ္ေပးထားတဲ့ Link ကုိ copy ကူးယူထားၿပီး Notepad မွ ခဏ save ထားလုိက္ပါ။
(၅) Dashboard ကုိသြားၿပီး Layout-->Edit HTML ကုိ၀င္ပါ၊ HTML code ေတြကုိ Backup လုပ္ထားဘုိ႕ မေမ့ပါနဲ႔။
Notepad မွာ save ထားခဲ့တဲ့ Link ကုိ Edit HTML မွ <Head> ကုိရွာပါ၊ အေပၚနားေလာက္မွာ ေတြ႕ႏုိင္ပါတယ္။ အထက္ပါပံုကုိၾကည့္ပါ။ ေတြ႕ရင္ ကပ္လွ်က္ေအာက္မွာ ထည့္ေပးလုိက္ပါ။ အားလံုးၿပီးၿပီမုိ႔ Template ကုိ Save လုိက္ပါေတာ့ဗ်ာ။
အဆင္ေျပပါေစ။

အျပည့္အစံုသုိ႔>>>

ျပန္ေခါက္ခဲ့လုိလွ်င္>>>

NAVBAR ဘားေလးျဖဳတ္မယ္

navbar ဘားေလးဟာ မိမိ Site ရဲ႕အေပၚဆံုးမွာ အၿမဲတမ္းလုိက္ေပၚ ေနေပးေနတာပါ။ အသံုးတည့္သလုိ မ်က္စိလည္း ရွဳပ္ပါတယ္။ သူ႔ကုိျဖဳတ္မယ္ဆုိရင္ေတာ့ Blogger Logo ေလးတစ္ခုေတာ့ မိမိရဲ႕ Sidebar ရဲ႕ ေနရာ တစ္ခုမွာ ထည့္သြင္းတပ္ထား သင့္ပါတယ္။

(၁) nabar မူရင္းပံုေလးပါ။
(၂) မျမင္ခ်င္၊ မလုိခ်င္ေတာ့ဘူးဆုိရင္ေတာ့-Template==>Edit HTML ကုိသြားပါ။
/* Header */ ဆုိတဲ့ comment ရဲ႕ ေအာက္ဆုံး တစ္ေနရာေလးမွာ ေအာက္ေဖာ္ျပပါ code ေလးကုိ ထည့္သြင္း ေပးလုိက္ပါ။

#navbar-iframe{
height: 0px;
}

မိမိရဲ႕ Template ကုိ save လုိက္ပါ။ view ၾကည့္ပါ၊ မျမင္ရေတာ့ပါဘူး ။
(၃) Blogger Logo ေလးထည့္ရေအာင္၊ ဘာျဖစ္လုိ႔ထည့္ရမွာလဲဆုိေတာ့ navbar ဘားအစား အသံုးျပဳဘုိ႔ပါ။
-Template==>Page Element-->Add a Page Element ကုိသြားပါ။
-Sidebar ရဲ႕ Add a Page Element ကုိေျပာတာပါ။ Logo ဆုိတဲ့ေနရာကိုရွာၿပီး ADD TO BLOG ဆုိတဲ့ Tab ကုိႏွိပ္ပါ။ အဲဒီမွာ Logo တစ္ခုကို ေရြးၿပီး Save လုိက္ပါ။


-ဒါဆုိရင္ အဲဒီ Blogger Logo ေလးဟာ Sidebar ေပၚ ေရာက္ေနပါၿပီ။ ေနာင္ Dashboard ကုိသြားခ်င္ရင္ အဲဒီ Logo ေလးကုိႏွိပ္လုိက္ရံုနဲ႔ အလြယ္တကူေရာက္ရွိ ႏုိင္ပါၿပီ။
-အဆင္ေျပပါေစ။

အျပည့္အစံုသုိ႔>>>

ျပန္ေခါက္ခဲ့လုိလွ်င္>>>

Main and Sidebar Wrapper

Main Wrapper နဲ႔ Sidebar Wrapper အေၾကာင္းကုိ နည္းနည္းေျပာျပေပး ပါမယ္။ ဘာျဖစ္ လုိ႔လဲ ဆုိေတာ့ မိမိရဲ႕ blog ေလးထဲကုိ အမ်ိဳးမ်ိဳးေသာ အလွအပ အဆင္တန္ဆာတုိ႔ ထည့္မည္ ဆုိရင္သိထားဘုိ႔ လုိအပ္မဲ့ အခ်က္ေလးျဖစ္လုိ႔ပါပဲ။ ဥပမာ-cbox, google gadgets, image-- စသည္တုိ႔လုိမ်ိဳးကုိ Main Wrapper နဲ႔ Sidebar Wrapper တုိ႔ရဲ႕ Width ကုိ သိထားမွ စဥ္းစား တြက္ခ်က္ ျပင္ဆင္ထည့္မွ အဆင္ေျပ လွပ ေသသပ္ မွာပါ။ ဒါေၾကာင့္-

(၁) Dashboard ==> Layout-->Edit HTML ကုိသြားပါ။ ဒီေနရာမွာ အရင္ဆံုးေျပာခ်င္တာက HTML နဲ႔ပတ္သက္ၿပီး ဘယ္လုိအေၾကာင္းမ်ိဳးမ်ိဳးေၾကာင့္ ျပင္ဆင္မယ္ ဆုိရင္ေတာ့ အရင္ဆံုးလုပ္ရမယ့္အခ်က္က မိမိရဲ႕ Template ကုိ backup လုပ္ထားဘုိ႔ပါပဲ- Backup/Restore Template ေအာက္က Download Full Template ကုိႏွိပ္ၿပီး backup လုပ္ပါ။ (ဒါမွမဟုတ္) Edit HTML ထဲမွ code ေတြအားလံုးကုိ Notepad ထဲ copy ကူးထည့္ထားၿပီး Save ထားပါ။ အေၾကာင္းအမ်ိဳးေၾကာင့္ အဆင္မေျပတာေတြ ျဖစ္လာရင္ ျပန္ၿပီးအသံုးျပဳလုိ႔ ရေအာင္လုိ႔ပါ။

(၂) Edit Template ေအာက္က code ထဲမွေအာက္ေဖာ္ျပပါ code ကုိရွာပါ။

#main-wrapper { align: center; width:470px; margin-left:25px; float:left; word-wrap: break-word; } #sidebar-wrapper { align: left; width:180px; float:right; margin-right:15px; word-wrap: break-word; }

-Keyboard မွ (ctrl+F)Key ကုိႏွိပ္ၿပီးေပၚလာမည့္ Find: box ထဲတြင္ #main-wrapper, #sidebar wrapper တစ္ခုခုကုိ ရုိက္ထည့္ၿပီး ရွာရင္လည္း ျမန္ျမန္ရွာေတြ႕ႏုိင္ပါတယ္။
-အနီေရာင္ျဖင့္ ျပထားေသာ code သည္ မွတ္သားထားရမယ့္ မိမိ Template ရဲ႕ width တုိ႔ ျဖစ္ပါတယ္။
-အဆင္ေျပပါေစ။

အျပည့္အစံုသုိ႔>>>

ျပန္ေခါက္ခဲ့လုိလွ်င္>>>

Cbox ျပဳလုပ္နည္း

တစ္ေယာက္ေသာညီေလးအတြက္ႏွင့္ျပဳလုပ္လုိသူမ်ားအတြက္
ကဲညီေလးေရစလုပ္ၾကမယ္-
(၁) www.cbox.ws မွာအရင္ဆံုး SignUp လုပ္ရမယ္။

(က) Cbox name (ဒီcbox name url ကုိမွတ္ထားၿပီးေနာက္ေနာင္ျပင္ဆင္ႏုိင္သည္)
(ခ) Email address (ဥပမာ-maungpe@gmail.com)
(ဂ) Password (ႏွစ္သက္ရာထည့္ပါ)
(ဃ) Confirm Password (အေပၚကထည့္ထားတဲ့ password အတုိင္းထည့္ပါ)
(င) Website ( မိမိအသံုးျပဳမည့္ site url ကုိထည့္ေပးရမွာပါ)
(စ) Lunguages ( ၾကိဳက္ႏွစ္သက္ရာေပါ့ )
(ဇ) Style (downarrow ကုိႏွိပ္ၿပီး ႀကိဳက္ႏွစ္သက္ရာေရြးေပါ့) (မိမိေရြးတဲ့Style အတုိင္း
ညာဘက္ေဘးတြင္ နမူနာအေနနဲ႔ေဖာ္ျပေပးမွာပါ)
-ၿပီးရင္ေတာ့ I have read and agree to the Cbox terms and conditions of service. ကုိ mouse နဲ႔ click လုပ္ၿပီး အမွန္ခ်စ္ေလးေပးၿပီး create my cbox ကုိ click လုပ္လုိက္ပါ။
-ေအာက္ပါပံုအတုိင္း cbox created ဆုိၿပီးတက္လာပါလိမ့္မယ္။


(၂)မိမိ signup လုပ္ခဲ့တဲ့ Email ကုိဖြင့္ပါ။
-Email ထဲမွာ signup လုပ္ခဲ့စဥ္က Username နဲ႔ Password တုိ႕ေဖာ္ျပေပးၿပီး မိမိသြားရမယ့္ cbox site ရဲ႕ Admin Link URL တစ္ခုကုိေတြ႕ရမွာ။ ၄င္း URL Link ကုိႏွိပ္ပါ။ cbox site ရဲ႕ Control panel ေပၚလာပါ လိမ့္မယ္။
-Login တြင္ မိမိ SignUp လုပ္ထားခဲ့တဲ့ Username နဲ႕ Password တုိ႕ကုိထည့္သြင္းၿပီး Login လုပ္ပါ။
-Code Generator ဆုိၿပီးေပၚလာတဲ့အခါမွာေတာ့ မိမိအသံုးျပဳမဲ့ cbox code အတြက္ Generate လုပ္ပါမယ္-
(အရင္ဆံုးေဖာ္ျပေပးလာတဲ့ code ကုိမယူပါနဲ႔ဦး)
(၃)(က)Menu bar မွ Look & Feel ဆုိတဲ့ Tab ကုိႏွိပ္ၿပီး---Layout option ကုိႏွိပ္ပါ။


-အထက္ပံုပါအတုိင္း Width and Height ကုိ မိမိရဲ႕ Website Sidebar width အတုိင္းခ်ိန္ညိွၿပီးထည့္ရမွာပါ။ မသိရင္ေတာ့လည္း ေပးထားတဲ့အတုိင္းထားခဲ့ပါ။ ေနာက္မွျပင္လုိ႔ရပါတယ္။
-Form layout သည္ cbox style ေျပာင္းေပးျခင္းျဖစ္ပါတယ္။ က်ေနာ္ကေတာ့ မျပင္တာ ဒီအတုိင္းပဲ ႀကိဳက္ပါတယ္။
-Message ကေတာ့ ကုိယ့္ဆီ၀င္ေရာက္ေနတဲ့ Message ေတြ ဘယ္ႏွခုပဲ ထားမယ္ဆုိတဲ့ သတ္မွတ္ခ်က္ ေပးထားျခင္းျဖစ္ပါတယ္။ ႀကိဳက္တဲ့ေနရာမွာ ထားပါ။
-ၿပီးရင္ေတာ့ ေအာက္မွာပါတဲ့ Save ကုိႏွိပ္လုိက္ပါ။
(ခ)Menu bar မွ Look & Feel ဆုိတဲ့ Tab ကုိႏွိပ္ၿပီး---Style gallery ကုိႏွိပ္ပါ။
-cbox style မ်ားကုိ ေဖာ္ျပေပးထားၿပီး ေနာက္ထပ္ေရြးခ်ယ္ခြင့္ေပးထားတာပါ။ ၄င္းႀကိဳက္ႏွစ္သက္ရာ Style တစ္ခုေပၚမွာ click လုပ္ကာ Confirm ကုိႏွိပ္ၿပီး Save လုပ္ထားခဲ့ပါ။
(ဂ)Menu bar မွ Look & Feel ဆုိတဲ့ Tab ကုိႏွိပ္ၿပီး---Edit Style ကုိႏွိပ္ပါ။
-ေအာက္ပါပံုကုိၾကည့္ပါ။

-မိမိ cbox မွာ ျမန္မာလုိေျပာတာေလးေတြေကာင္းေကာင္းေပၚေအာင္ လုပ္ရမွာပါ။ ေအာက္ဆံုးမွာေတြ႔ရမယ့္ Font box မွာ Zawgyi-One ဆုိၿပီး ျပင္ရုိက္ေပးရပါမယ္။ ၿပီးရင္ေတာ့ Save ခဲ့ေပါ့။
(ဃ)Menu bar မွ Look & Feel ဆုိတဲ့ Tab ကုိႏွိပ္ၿပီး---Edit CSS ကုိႏွိပ္ပါ။
-၄င္း CSS cade မွာမိမိစိတ္ႀကိဳက္ျပင္ဆင္ႏုိင္ပါတယ္။ ဒါေပမယ့္လံုး၀နားမလည္ပဲ မလုပ္ရင္ေကာင္းပါမယ္။ Save ထားခဲ့ပါ။
(၄)(က)Menu bar မွ Options ဆုိတဲ့ Tab ကုိႏွိပ္ၿပီး---Posting options ကုိႏွိပ္ပါ။
-မိမိႏွစ္သက္သည္မ်ားေရြးခ်ယ္ၿပီး Save ထားခဲ့ပါ။
(ခ)Menu bar မွ Options ဆုိတဲ့ Tab ကုိႏွိပ္ၿပီး---Date options ကုိႏွိပ္ပါ။
-မိမိႏွစ္သက္သည္မ်ားေရြးခ်ယ္ၿပိး Save ထားခဲ့ပါ။
(ဂ)Menu bar မွ Options ဆုိတဲ့ Tab ကုိႏွိပ္ၿပီး---Smilies ကုိႏွိပ္ပါ။
-Reset to defoult set တြင္ ႀကိဳက္ႏွစ္သက္ရာ color ကုိေရြးခ်ယ္ၿပီး Apply ကုိႏွိပ္ပါ။(မိမိအသံုးျပဳမဲ့ smilies အရုပ္ကေလးေတြရဲ႕color ေျပာင္းေပးျခင္းပါ)ေအာက္ပါပံုတုိ႔ကုိၾကည့္ပါ-
-မိမိႀကိဳက္ႏွစ္သက္တဲ့ Smilies အရုပ္ကေလးရဲ႕ URL တစ္ခုကုိ copy လုပ္ၿပီး ေအာက္ဆံုးမွာရွိေနတဲ့ http://______ အလြပ္ေနရာတြင္ Paste လုပ္ပါ။

-ၿပီးရင္ ဘယ္အစြန္း code ဆုိတဲ့ box ထဲမွာ မိမိအသံုးျပဳမဲ့ code ကုိရုိက္သြင္းေပးထားခဲ့ပါ။ ဥပမာ( :-D )
-ၿပီးရင္ေတာ့ Save ထားခဲ့ဦးေပါ့။
-ဒီေလာက္ဆုိရင္အဆင္ေျပပါၿပီ။
(၅)Menu bar မွ Publish ဆုိတဲ့ Tab ကုိႏွိပ္လုိက္ပါ။


-code မ်ားကုိ copy လုပ္ပါ။ ၿပီးရင္ NotePad ကုိဖြင့္ၿပီး NotePad ေပၚမွာ အရင္ Paste လုပ္ Save ပါ။
(၆)မိမိ Website ရဲ႕ Dashboard ကုိသြားပါ။ Layout==>Page Elements--->Add Page Elements ႏွိပ္သြားပါ။ HTML/JavaScript ကုိရွာပါ။ ေတြ႕ရင္ ADD TO BLOG ဆုိတဲ့ Tab ကုိႏွိပ္ၿပီး၀င္ပါ။ ၿပီးရင္ NotePad ေပၚမွာ Save ထားခဲ့တဲ့ code ကုိ content ဆုိတဲ့ေနရာေအာက္မွာ ထည့္ပါ။ Title မွာ ႀကိဳက္ရာ ရုိက္ခဲ့ပါ။ ၿပီးေတာ့ Save လုိက္ပါ။
အဆင္ေျပပါေစ။

အျပည့္အစံုသုိ႔>>>

ျပန္ေခါက္ခဲ့လုိလွ်င္>>>