kp3နည္းပညာ၊၁၇၅၊ဘေလာ့ Sidebar ႏွင့္ Post လွပစြာပိုင္းျခားနည္း

ဒါေလးကေတာ့က်ေနာ္တို႕ရဲ႕ဘေလာ့ Post ႏွင့္ Sidebar ကိုလွလွေလးပိုင္းျခားေအာင္လုပ္တဲ့နည္းေလး
ပါ၊က်ေနာ္ Tamplate ေတာ္ေတာ္မ်ားမ်ားမွာဒီ Sidebar ႏွင့္ Post ကပိုင္းျခားေပးတဲ့မ်ဥ္းေၾကာင္းေသးေသး
ေလးဘဲရိွပါတယ္၊တခ်ိဳ႕ဟာေတြဆိုရင္ဘာမွပါမလာဘူး၊တခ်ိဳ႕ၾကေတာ့လည္းလွလွေလးပိုင္ျခားေပးပါတယ္။
သိပ္မထင္ရွားဘူးဆိုရင္ေအာက္မွာနမူနာသြားၾကည့္လို႕၇ေအာင္ဆိုျပီး DEMO လင့္ခ္နဲ႕လုပ္နည္းေလးေတြျပ
ထားေပးပါတယ္၊အ၇မ္းလည္းလြယ္ကူပါတယ္လို႕ေျပာလို႕၇ပါတယ္။

၁။Layout

၂။Edit HTML

ဒီမွာသြားၾကည့္လို႕ရပါတယ္ DEMO

ေအာက္က Code ကိုရွာပါ၊

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

ေတြ႕ျပီဆိုရင္ေအာက္က Code ႏွင့္အစားထိုးေပးလိုက္ပါ။။

.sidebar .widget, .main .widget {
background:#ffffff;margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

.main .Blog {
background:#ffffff;
margin:1.5em 0 1.5em;
padding:8px 8px 8px;
border:1px solid $bordercolor;
border-bottom:1px solid $bordercolor;
border-width:1px 1px 1px;
border-bottom:1px line $bordercolor;
}

 
၃။Save Template ကိုႏိုပ္ပါ။ျပီးပါျပီ။။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Related Post

Posted in: BLOGGER TIPS