Wednesday, March 14, 2007

သင့္ဘေလာ့သို႕ ဒုတိယ Sidebar တစ္ခုေပါင္းထည့္ျခင္း

ကြ်န္ေတာ္ MyanmarBloggersCommunity မွာ Column တစ္ခုတိုးတာမလုပ္တတ္လို႕ ေတာ့ပစ္ တစ္ခုတင္ေတာ့ ကိုေ၀ယံလင္း တို႕ ကိုမ်ိဳးေက်ာ္ထြန္း တို႕ အားလံုး ၀ိုင္း၀န္းကူညီလို႕ အဆင္ေျပသြားပါျပီ။ အဲဒီထဲက ကိုမ်ိဳးေက်ာ္ထြန္း ညႊန္တဲ့ BeautifulBeta.blogspot.com က Adding a second sidebar to your Blog (Blogger.com) ဆိုတာကို ျမန္မာလို ျပန္ျပီး တင္လိုက္ပါတယ္။ ေကာ္လံေတြျပင္ရ၊ ထပ္ထည့္ရတာ ကြ်န္ေတာ့္လို အသစ္တစ္ေယာက္အတြက္ အေတြ႕အၾကံဳေတာ္ေတာ္ ရပါတယ္။ ေနာက္ပိုင္းလုပ္ခ်င္တဲ့သူေတြ အဆင္ေျပေျပလုပ္လို႕ရေအာင္ ျမန္မာလုိၾကိဳးစားျပီးျပန္လိုက္တာပါ။ မ႐ွင္းလင္းဘူးဆိုရင္ ကြ်န္ေတာ့္ညံ့ဖ်င္းမႈပါ။ ဒီေနရာမွာ MyanmarBloggersCommunity က Admin Mod မ်ားနဲ႕တကြ ေစတနာအျပည့္နဲ႕ လက္တဲြေခၚသူ ၀ိုင္း၀န္းကူညီၾကသူမ်ားအားလံုးကို အထူးပဲ ေက်းဇူးတင္ေၾကာင္း မွတ္တမ္းတင္ဂုဏ္ျပဳပါတယ္ခင္ဗ်ာ။

ပထမ sidebar တစ္ခုထည့္ပါမယ္။ ဒုတိယ CSS ထဲကို ထည့္ပါမယ္။ ျပီးရင္ စာမ်က္ႏွာ အံ၀င္ခြင္က် ျဖစ္ေအာင္လုပ္ပါမယ္။

အဆင့္ ၁။ သင့္ရဲ႕ တမ္းပလိတ္ကို backup လုပ္ပါ။

ဆင့္ ၂။ sidebar-wrapper ကို႐ွာျပီး right-sidebar-wrapper လို႕ေျပာင္းပါ။



အဆင့္ ၃။ Left sidebar အတြက္ ေအာက္က Code ေတြ ထည့္ေပးပါ။




Save လုပ္ပါ။ Page Elements tab ကိုၾကည့္ရင္ ဒီလိုေတြ႕ရမွာပါ။



Section အသစ္ကုိ Header section ရဲ႕ေအာက္ Blost Posts ရဲ႕ အေပၚမွာ ေတြ႕ရပါမယ္။ ဗယ္ဘက္ျခမ္းမွာ မေတြ႕ရေသးပါဘူး။

အဆင့္ ၄။ CSS Style sheet မွာ ေအာက္က Code ေတြ ထည့္ပါမယ္။


အဲဒီအခါ ဒီလိုပံု ေတြ႕ရပါမယ္။



sidebar-section က ဗယ္ဘက္ေဘးကုိ ေရာက္သြားပါျပီ။ ဒါေပမယ့္ သင့္ရဲ႕ right-sidebar က Blog Posts ရဲ႕ ေအာက္ကို ေရာက္ေနပါလိမ့္မယ္။ ဘာျဖစ္လို႕လဲဆုိေတာ့ sidebar ၂ ခုနဲ႕ main-section တို႕ရဲ႕ အနံ (width) ဟာ 840 pixels ျဖစ္ေနျပီး outer-wrapper (660 pixels) ထက္ ေက်ာ္ေနလို႕ပါ။

အဆင့္ ၅။ #header-wrapper နဲ႕ outer-wrapper တို႕ကို ႐ွာျပီး width ကို 660 မွ 860 သို႕ ေျပာင္းပါ။

အဆင့္ ၆။ အခုဆိုရင္ Add a Page Elements ကို သင့္ရဲ႕ ဗယ္ဘက္မွာ ေတြ႕ရပါျပီ။