ပို႔(စ)ေတြ မတင္ျဖစ္တာလည္း
အေတာ္ႀကာခဲ့ပါျပီ…ထံုးစံအတိုင္း မအားလို႔ပါပဲေပါ့…အထက္နဲ႔ေအာက္
ႀကား မွ်တေအာင္စီမံေဆာင္ရြက္ရတဲ့အလုပ္တစ္ခုဟာ
တကယ္ေတာ့ မလြယ္ကူလွပါ…အထုေထာင္းခံ
ရတာေတြကလည္းမ်ားလွျပီမို႔
လူလည္းထူသလိုလိုေတာင္ တျဖည္းျဖည္းျဖစ္လာတယ္ထင္ပါရဲ႕
ေအာက္က ေပါက္ကဲြသံေတြကလည္း
မႀကာခဏႀကားေနရျပန္တယ္….ေအာင္ျမင္စြာဆုတ္ခြာဖို႔ေတာင္
ႀကံျဖစ္ခဲ့ပါေသးတယ္
မလြယ္ပါဘူး ၊ သိကၡာရွိစြာဆုတ္ခြာခြင့္ကလည္း မရႏိုင္ဘူးဆိုေတာ့လည္း
ထုေထာင္းသံ ေပါက္ကဲြသံေတြရဲ႕ႀကားထဲမွာပဲ ဒီတိုက္ပဲြကို
ဆက္လက္ဆင္ႏဲြရံုမွတစ္ပါး အျခားမရွိႏို္င္ေတာ့ျပီ….ေျပာရင္းေျပာရင္း ဘယ္ေရာက္သြား
ျပီမသိ၊တခါတခါက်ေတာ့လည္း
စာေလးဘာေလးေရးခ်င္စိတ္ေပါက္လာမိပါတယ္….
အခု ေရးပါေတာ့မယ္ ၊ အခ်ိန္နည္းနည္း
ရေနလို႔ပါ………နည္းနည္းေတာ့စ်ာန္၀င္လာသလိုလိုပဲ
ဒီတစ္ခါေတာ့
ကိုယ့္ပညာရပ္နဲ႔သိပ္မဆိုင္ေပမယ့္ နည္းပညာေခတ္ႀကီးထဲမွာ ေနာက္က်မက်န္ေနရေအာင္
ေလ့လာမိခဲ့တဲ့
နည္းပညာေလးတစ္ခုကိုျပန္လည္မွ်ေ၀ဖို႔ ရည္ရြယ္မိတာပါ
ဘေလာ့ေရးသားျခင္းနဲ႔ဆိုင္တဲ့
နည္းပညာေလးတစ္ခုပါပဲ ၊ ဒီလိုေရးျဖစ္တာကလည္း
ဘေလာ့ဂါညီငယ္ေလးတစ္ေယာက္က
ေတာင္းဆိုလာတဲ့အတြက္၊ ဒီပို႔(စ)ေလးကိုတင္ျပလိုက္ပါတယ္
ဘေလာ့ဂါနဲ႔ပတ္သက္လို႔
ဆရာႀကီးတစ္ဆူေတာ့မဟုတ္ေပမယ့္ ၊ ၀ါသနာရွင္ညီငယ္ေလးရဲ႕
အခက္အခဲကို
ကူညီေျဖရွင္းေပးရင္းနဲ႔ အျခားေလ့လာလိုသူေတြ ေလ့လာသိရွိႏိုင္ေအာင္ ကိုယ္သိထား
တာေလးကို
ျပန္လည္မွ်ေ၀တဲ့သေဘာေလာက္ပါပဲ….. ေလရွည္သလိုျဖစ္သြားရင္လည္းခြင့္လႊတ္ႀကပါ
ကဲ စလိုက္ပါေတာ့မယ္
ကိုယ့္ဘေလာ့မွာရိွေနတဲ့
sidebar ေနရာတို႔ ၊ main-wrapper ေနရာတို႔ရဲ႕အက်ယ္၀န္းအသီးသီးကို ၊ ကိုယ္ျဖစ္ေစခ်င္တဲ့အက်ယ္၀န္းအတိုင္းျဖစ္လာေအာင္
ဘယ္လိုျပင္ဆင္ရမလဲ ဆိုတဲ့ေမးခြန္းကို ရွင္းလင္းတင္ျပေပးမွာျဖစ္ပါတယ္……………..
ဒီအေႀကာင္းကို
ဘေလာ့ဂါသမားအေတာ္မ်ားမ်ားကေတာ့ သိျပီးသားျဖစ္မွာပါ….ဒါေပမယ့္ အခုမွစျပီး ဘေလာ့ဂါ ေလာကထဲကို
၀င္ေရာက္လာႀကတဲ့ဘေလာ့ဂါ ၀ါသနာရွင္ညီငယ္ညီမငယ္တို႔အတြက္
ရည္ရြယ္ျပီးတင္ျပျခင္းပဲျဖစ္ပါတယ္……
အဲဒီေတာ့
ကိုယ့္ဘေလာ့ရဲ႕ အက်ယ္အ၀န္းအေနအထားကို ျပင္ခ်င္တယ္ဆိုရင္ မိမိဘေလာ့ရဲ႕ template ထဲမွာ ေနရာပမာဏေတြသတ္မွတ္ထားပံု အေျခခံသေဘာကိုသိထားဖို႔လိုပါတယ္
၊ အရင္ဆံုးေအာက္က ပံုကို ေသခ်ာႀကည့္ရႈမွတ္သားထားလိုက္ပါအံုး
အဲဒီပံုမွာဆိုရင္
O=0uter-wrapper
ဆိုတာက(စာမ်က္ႏွာတစ္ခုလံုးကို ကိုယ္စားျပဳပါတယ္)
M=main-wrapper
ဆိုတာက (တင္ျပခ်က္စာသားေတြရွိေနမယ့္ေနရာကို ကိုယ္စားျပဳပါတယ္)
s=sidebar-wrapper
ဆိုတာက (ဧည့္သည္လာေရာက္မႈေတြကိုေဖာ္ျပတဲ့ေနရာမ်ိဳးကို ကိုယ္စားျပဳပါတယ္)
ဒီေနရာမွာ
တစ္ခုေျပာခ်င္တာက ဘေလာ့တိုင္းမွာ sidebar ႏွစ္ခုပါတာမဟုတ္ပါဘူး ၊ တစ္ခ်ိဳ႕ blogger
template ေတြမွာဆိုရင္ sidebar က တစ္ခုထဲသာပါရွိတတ္ပါတယ္ ၊ ဒါကေတာ့ ကိုယ္ေရြးခ်ယ္အသံုးျပဳတဲ့
template ေပၚမွာ မူတည္ပါတယ္…(အခု ကၽြန္ေတာ္သံုးေနတဲ့ template မွာ sidebar ေလးခုပါ၀င္ပါတယ္)
ကဲ ဒီသေဘာကိုသိျပီဆိုရင္
ဆက္ပါမယ္………
template
ကို ကိုယ္ႏွစ္သက္္တဲ့အရြယ္အခ်ိဳးအစားျဖစ္လာေအာင္ စိတ္ႀကိဳက္ ျပဳျပင္ေတာ့မယ္ဆိုရင္
(1) blogger.com ကိုဖြင့္ပါ
(2) sign
in လုပ္ပါ ၊ ျပီးရင္
(3) Dashboard
ကိုသြားပါ
(4) Template
ကို၀င္ပါ
(5) edit
HTML ကို ဆက္၀င္ပါ
ေပၚလာတဲ့ ကုဒ္ေတြထဲမွာရွိေနတဲ့ သက္ဆိုင္ရာကိန္းဂဏန္းေတြကိုရွာျပီး
လိုခ်င္သလိုျပင္ရမွာျဖစ္ပါတယ္ ၊ ေအာက္က စာသားေတြကို Ctrl+F ႏွိပ္ျပီးလိုက္ရွာပါ…..
0uter-wrapper
main-wrapper
sidebar-wrapper
ေတြ႕ျပီဆိုရင္
သူတို႕နဲ႔သက္ဆိုင္တဲ့ အက်ယ္အ၀န္း(width)တန္ဖိုး ကိန္းဂဏန္းေတြကို ကိုယ္လိုခ်င္တဲ့ အေနအထားေရာက္လာေအာင္
လိုအပ္သလိုျပင္ေပးရတာျဖစ္ပါတယ္ ၊ သတိျပဳရမွာကေတာ ့ ျပင္တဲ့အခါ အရမ္းကာေရာျပင္ခ်င္တိုင္းျပင္လို႔ရတာမဟုတ္ပါဘူး….
အဲဒီ template ကို စတင္တည္ေဆာက္ကတည္းက ၊ တည္ေဆာက္သူက အရြယ္အစားအက်ဥ္းအက်ယ္ေတြကို ပံုေသနည္းနဲ႔
အခ်ိဳးညီ တိတိက်က် ေရးဆဲြတည္ေဆာက္ထားခဲ့တာျဖစ္လ႔ို ကိုယ့္စိတ္ႀကိဳက္ျဖစ္ေအာင္ ၊ ျပန္ျပင္ခ်င္တဲ့အခါ
မွာလည္း မူလဖန္တီးတည္ေဆာက္ခဲ့သူက သတ္မွတ္ေရးဆဲြထားတဲ့
ပံုုေသနည္းကို လိုက္နာျပီးျပင္မွသာ ျပင္လို႔ရမွာျဖစ္ပါတယ္……………..ပံုုေသနည္းကိုေအာက္မွာေဖာ္ျပထားပါတယ္
ဆိုက္ဘားတစ္ခုတည္းသာခုပါ၀င္တဲ့ template
အတြက္ပံုေသနည္းက
O=M+S+X ျဖစ္ပါတယ္
ဆိုက္ဘားႏွစ္ခုပါ၀င္တဲ့ template
အတြက္ပံုေသနည္းက
O=S1+M+S2+X ျဖစ္ပါတယ္
ဆိုက္ဘားသံုးခုပါ၀င္တဲ့ template
အတြက္ပံုေသနည္းက
O=S1+M+S2+S3+X ျဖစ္ပါတယ္
အဲဒီေတာ့
(X) က ဘာကိုဆိုလိုသလဲဆိုတာ နည္းနည္းရွင္းျပဖို႔လိုပါအံုးမယ္
သူကေတာ့ sidebar-wrapper ေတြရယ္ main-wrapper ရယ္ 0uter-wrapper ရယ္အခ်င္းခ်င္းႀကားမွာ
ျခားထားတဲ့အကြာအေ၀းပဲလို႔ အႀကမ္းဖ်င္းမွတ္သားထားလိုက္ရင္ လံုေလာက္ပါတယ္… ( ပံုကို ေသျခာျပန္ႀကည့္လိုက္ပါအံုး
)
ကဲ စျပီးျပင္ပါေတာ့မယ္
Template
ကို၀င္ျပီး edit HTML က ကုဒ္ေတြထဲမွာလိုက္ရွာႀကည့္လိုက္ပါမယ္
O,M,S တန္ဖိုး အသီးသီးကို ေတြ႕ျပီဆိုပါစို႔… ေဘာပင္နဲ႔
ခ်ေရးထားလိုက္ပါ
O=920 px
M=660 px
S=270 px ဆိုတာေတြ႕ရျပီဆိုပါေတာ့
sidebar တစ္ခုတည္းပါတဲ့ template
ကိုျပင္မွာျဖစ္တဲ့အတြက္
O=M+S+X ပံုေသနည္းမွာ အစားသြင္းလိုက္ပါမယ္
ဒါဆိုရင္
X ရဲ႕တန္ဖိုးကို တြက္ထုတ္လိုက္လို႔ရျပီေပါ့
သက္ဆိုင္တဲ့တန္ဖိုး
အသီးသီးကို အစားသြင္းျပီး တြက္ထုတ္ႀကည့္လိုက္ရင္
X=660+270-920
X=930-920
X=10 ဆိုတာ ရပါတယ္
ဒီကိန္းဂဏန္းေတြအားလံုးဟာ
Pixel ဆိုတဲ့ယူနစ္နဲ႔တိုင္းတာတြက္ခ်က္ထားတာျဖစ္တဲ့အတြက္ px ဆိုတဲ့ သေကၤတ အျမဲ တဲြျပီးပါရွိေနမွာျဖစ္တယ္ဆိုတာ
သိထားရပါမယ္…….
အဲဒီေတာ့ X ရဲ႕တန္ဖိုးဟာ 10px ရွိတယ္ဆိုတာ အေျဖထြက္လာျပီ……အဲဒီ(10)ကို အေသမွတ္သားထား
ရမွာျဖစ္ပါတယ္ … (X) ရဲ႕တန္ဖိုးကို ျပင္လို႔ရေပမယ့္
ေနရာအေတာ္မ်ားမ်ားမွာ လိုက္ျပီးျပင္ရမွာျဖစ္တဲ့အျပင္ ျပင္လို႔လည္းဘာမွသိပ္ထူးျခားလာမွာ မဟုတ္တဲ့အတြက္ေႀကာင့္
မျပင္သင့္ပါဘူး ပံုေသပဲ မွတ္ထားလိုက္တာ က ပိုေကာင္းပါတယ္……….
X ရဲ႕တန္ဖိုးကို
သိျပီဆိုတာနဲ႔ အေပၚကပံုေသနည္းကို အသံုးျပဳျပီး ကိုယ့္ဘေလာ့ရဲ႕ template ကို ကိုယ္ႏွစ္သက္္တဲ့အရြယ္အစားျဖစ္လာေအာင္
စိတ္ႀကိဳက္ ျပဳျပင္ေျပာင္းလဲႏိုင္ျပီျဖစ္ပါတယ္
အခုတင္ျပခဲ့တဲ့အတိုင္း ပံုေသနည္းေတြရဲ႕ ေဘာင္ထဲကေန ကိုက္ညီေအာင္ ျပင္ျပီးျပီဆိုရင္
၊ တန္းျပီးေတာ့ Save မလုပ္ပါနဲ႔အံုး preview ကိုအရင္ႀကည့္ပါ ၊ မွန္ျပီ ေသခ်ာျပီ ၊ ႀကိဳက္ျပီဆိုမွ
Save ကိုႏွိပ္ပါ။
အဆင္ေျပပါေစ
ေက်ာ္ေက်ာ္သုန္(ေမြး/ကု)
