ဘေလာ့စာမ်က္ႏွာေအာက္က စာမ်က္ႏွာအေရအတြက္ Number List ေလးထည့္မယ္

 အားလုံးမဂၤလာပါဗ်ာ... ကြ်န္ေတာ္ ခုတင္မဲ့ နည္းပညာေလးကေတာ့ ေဘလာ့တစ္ခုမွာ လုိအပ္ခ်က္ေလး တစ္ခုျဖစ္တဲ့  စာမ်က္ ႏွာ အေရတြက္ နံပါတ္ေလးေတြဘဲ ျဖစ္ပါတယ္... ခဏခဏ လာလာေမးေနၾကလို႕ က်ေနာ္လည္း  အရင္ တင္ထားဘူးပါတယ္... အဲတုန္းကေတာ့ ပုံစံတမ်ိိဳးထဲပဲ  ဗ်... ခုကေတာ့

အဂၤလိပ္ ဆိုဒ္တစ္ခုကို ဘဲ လမ္းညႊန္ရေတာ့မယ္... စတိုင္ေလးေတြ အမ်ိဳးမ်ိဳးနဲ႕ ဆိုေတာ့ ေရြးခ်ယ္ ခြင့္ရတာေပါ့  မိမိတို႕ ႏွစ္သက္ရာ စတိုင္ေလးကိုေရြးခ်ယ္ ျပီး မိမိတို႕ဘေလာ့ ပို႕စ္ေတြရဲ႕ ေအာက္ဆုံးမွာ

နံပါတ္စဥ္ေလး  နဲ႕ျပေနတာေလး ဖန္တီးၾကပါစို႕ေနာ္..........

ကဲ ဒါဆို  ကြ်န္ေတာ္ တကယ္ ျပည့္စုံတဲ့ ေနရာေလးကိုဘဲ လမ္းျပေပးလိုက္ပါေတာ့မယ္ေနာ္... သူဆီကေန

လိုအပ္သလို ယူေဆာင္အသုံးျပဳနိဳင္ပါတယ္....   သည္ေနရာမွာ      ( http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html )ကလစ္ျပီး၀င္လုိက္ပါ....

လုပ္နည္းကိုေတာ့ ေအာက္မွာ ရွင္းျပလိုက္ပါတယ္....

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

အိုေက ေရြးျပီးတာနဲ႕  ေအာက္နားက Generate ဆိုတာကို ကလစ္ေပးလုိက္ပါ  အေပၚနားကေလ နံပါတ္ေတြ စိတ္ၾကိဳက္ ျပဳျပင္နိဳင္ေသးတယ္ေနာ္... လုိသလို ကလိေပေတာ့... အိုေက ျပီးတာနဲ႕

 Add to Blogger ဆိုတာကို ကလစ္လိုက္ပါ...  အဲခါမွာဘဲ  ဇယားတခုေျပာင္းလာျပီး

မိမိတို႕ဘေလာ့အမည္ကို ေရြးေပးျပီး ေဆ့လိုက္ယုံပါဘဲေနာ္.... လုပ္ၾကည့္လုိက္ပါေနာ္ အဆင္မေျပတာ ရွိခဲ့ပါက  ခ်က္ေဘာက္မွာ ေအာ္ခဲ့ပါ.

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

အရမ္းလွတဲ့ Unite Template ေလးပါ

ဒါေလးကေတာ့ ဘေလာ့ခ်စ္သူမ်ားအတြက္ တက္ပလက္ အလန္းစားေလးပါ.. ေအာက္မွာ ေဒါင္းလုပ္ယူလုိက္ပါေနာ္.. ပုံကို ေသျခာ ၾကည့္မယ္ဆိုရင္ Demo ကိုကလစ္ၾကည့္လိုက္ပါ။

DemoDownload



မိမိတို႕လိုျခင္ေသာ ဒီဇိုင္းကို မွာခဲ့နိဳင္ပါတယ္  အတတ္နိဳင္ဆုံးရွာ ေဖြတင္ျပေပးသြားမွာပါ

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

CherryTruffle ဆိုတဲ့ Template အလန္းေလးပါ

သည္တစ္ခါတင္ေပးတာေလးကလဲ လန္းပါတယ္.. menu ေတြကလည္းအေတာ္ေလးလွတယ္..
drop down ေလးေတြ နဲ႕ စိတ္ၾကိဳက္သုံးစြဲ နိဳင္ပါတယ္...  ၾကိဳက္မၾကိဳက္ Demo နဲ႕ ကလစ္ၾကည့္လိုက္ပါ.. ၾကိဳက္တာနဲ႕  အားမနာနဲ႕ေနာ္  download သာကိုင္လုိက္ေတာ့.. ေနာက္လဲ
အလန္းေတြ ရွာတင္ေပးမယ္... အဆင္ေျပမွာပါ။    ။

DemoDownload
Template name : CherryTruffle



ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

Template Width ခ်ဲ႔နည္း

ဒီပုိ႔စ္ေလးကုိ ျမန္မာဘေလာ႔ဂါဖုိရမ္ ကေန ယူလာခဲ႔ပါတယ္

တန္းပလိတ္ကို width change ခ်င္တယ္ဆိုရင္ေတာ့ ပထမဆံုးတန္းပလိတ္္ ကုဒ္ေတြကိုၾကည့္လိုက္ပါ။ ၿပီးရင္ေအာက္မွာျပထားတဲ့ကုဒ္ေတြကိုရွာပါ။

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#main-wrapper ကပို႔စ္အတြက္ width သတ္မွတ္ထားတဲ့ div ပါ။ ပို႔စ္ေနရာကို width ေျပာင္းခ်င္တယ္ဆိုရင္ အဲဒီ width: 410px; ဆိုတဲ့ေနရာမွာ ကိုယ္လိုခ်င္တဲ့ဂဏန္းကိုေျပာင္းေပးလိုက္ပါ။ ဒါေပမယ့္ အဲဒီလိုေျပာင္းရင္ #outer-wrapper ဆိုတဲ့ေနရာမွာပါလုိက္ၿပီးေျပာင္းေပးရပါမယ္။ ဥပမာ အထက္ကကုဒ္ေတြကိုၾကည့္ပါ။ #outer-wrapper ထဲက width: 660px; ဆိုတာ ပို႔စ္နဲ႔ဆိုဒ္ဘားႏွစ္ခုေပါင္းရဲ႕ width ပါ။ 660pixels ရွိပါတယ္။ ပို႔စ္အတြက္ #main-wrapper မွာက width: 410px နဲ႔ #sidebar-wrapper အတြက္ width: 220px ျဖစ္ပါတယ္။ ႏွစ္ခုေပါင္း 630pixels ရွိပါတယ္။ ပိုေနတဲ့ 30pixels ကပို႔စ္နဲ႔ဆိုဒ္ဘားအလယ္မွာရွိေနတဲ့ gap ပါ။

တကယ္လို႔ ပို႔စ္ကို 700px နဲ႔ဆိုဒ္ဘားကို 250px ထားခ်င္တယ္ဆိုပါဆို႔။

#main-wrapper {
width: 500px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 250px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

အဲဒီဂဏန္းေတြကိုေျပာင္းလိုက္ပါ။ ၿပီးရင္

#outer-wrapper {
width: 780px;
margin:0 auto;
padding:10px;
text-align:left;
font: normal normal 100% Georgia, Serif;
}

ဒါဆိုရင္ပို႔စ္က 500px ရွိၿပီး ဆိုဒ္ဘားကေတာ့ 250px ရွိေနမွာပါ။ သူတို႔ၾကားကအကြာအေ၀းကေတာ့ 30px ေပါ့။ ဒါေပမယ့္ header box ကေသးေနပါလိမ့္မယ္။ လိုက္ႀကီးခ်င္တယ္ဆိုရင္ေတာ့

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid #cccccc;
}

အဲဒီကုဒ္ကိုရွာၿပီး width:660px; ေနရာမွာ width:780px; ကိုေျပာင္းေပးလိုက္ရံုပါပဲ။ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

ChromeGT ဆိုတဲ့ အလန္းစား Template

 ကဲ..တက္ပလက္ လွလွေလးေတြ ႏွစ္သက္သူမ်ားအတြက္ လာျပီေနာ္..ဒီဇိုင္းအဆန္းေလး..
ရွားပါးပစၥည္းမဟုတ္ေပမယ.့္ လိုအပ္ရင္ေတာ့ တန္ဖိုးရွိပါတယ္...

DemoDownload
Template name : ChromeGT (Red Skin)

ဒါကေတာ့ ကာလာတမ်ိဳးေလးနဲ႕ပါ....

DemoDownload
Template name : ChromeGT

ပုံအၾကီးကို ၾကည့္လိုပါက Demo နဲ႕ကလစ္ၾကည့္လိုက္ပါ.. လိုျခင္ေတာ့  Download ၾကဗ်ာ..
ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

Auto Video Template ေလးပါေနာ္...

 ဒါေလးေကတာ့ သီခ်င္းဆိုဒ္သမားေတြအတြက္ သင့္ေတာ္မယ့္ video template ေလးပါ..
video ေတြတင္ရင္ေတာ့ သည္လိုေလးေတြ ရွာလုိက္တာ ပိုလန္းသြားးမယ္ေနာ္..

Blogger Auto Video Template by webbilgi

ဒီဇိုင္းကိုအၾကီးပုံစံ ၾကည့္ရန္ : Click here

ေဒါင္းရန္..       Click here to Download

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More

ဘေလာ့ကာ Template ေဘာင္ခတ္နည္း

 မိမိတို႕ဘေလာ့ေလးကို လွပေသသပ္စြာ ေဘးက ကလနား ေဘာင္ေပါ့ဗ်ာ   အနားကြတ္ေလးနဲ႕
ဖန္တီးၾကမယ့္ သမ်ားအတြက္ ဘေလာ့ ေဘာင္ခတ္နည္းေလးပါေနာ္..

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  DASHBOARD ကိုသြားလိုက္ပါ။
►3-  LAYOUT    ကိုကလစ္ပါ..။
►4-  EDIT HTML  ကို၀င္ပါ..
►5-  Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

body { font: $(body.font); color: $(body.text.color); background: $(body.background); }

အေပၚကကုဒ္ေတြ႕တာနဲ႕ သူ႕ေအာက္ကေန ကပ္ျပီး ေအာက္ကေပးထားေသာ ကုဒ္ကို ထည့္ပါ။

-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 15px solid #0101DF;

မွတ္ခ်က္။ ။မိမိရဲ႕ Code ကေအာက္ကပံုစံအတိုင္းျဖစ္သြားမည္။ဒါေပမယ့္Background Code ကတူခ်င္မွတူမွာပါ။Background Code အပိတ္ရဲ႕
အေပၚေလးမွာက်ေနာ္ေပးထားတဲ့ကုဒ္ေလးကိုထပ္ထည့္ေပးလိုက္ရင္ရပါျပီ။

body { font: $(body.font); color: $(body.text.color); background: $(body.background); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 15px solid #0101DF; }

   မွတ္ခ်က္    ။      ။  သည္နည္းူေလးက နားလည္မွဳ လြဲတတ္ပါတယ္... ေဘာင္ခတ္နည္းဆိုတာက

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

အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

ဘေလာ့ခရီးသည္

www.aungsanmks.blogspot.com 

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

Read More