kp3နည္းပညာ၊၃၄ဝ၊ဘေလာ့့ Post က Image Border ကိုျဖဳတ္နည္း

ဒါေလးကေတာ့ Comments မွာေတာင္းဆိုထားလို႕ပါ။မိမိရဲ႕ဘေလာ့ Postမွာတင္ထားတဲ့ပံုေတြကိုAuto Image Border ပါလာရင္ျဖဳတ္နည္းေလးပါေအာက္မွာ Code ရွိပါတယ္။က်ေနာ္ေျပာျပီးပါျပီ Comments မွာေတာင္းဆိုထားဒါေတြကိုက်ေနာ္ဦးစားေပးတင္သြားမွာပါ။ဘာျဖစ္လို႕လဲဆိုရင္က်ေနာ္ဘေလာ့ကိုဝင္ရင္အီးေမးလ္ ကိုမဖြင့္ပါဘူးGtalkေလာက္ဘဲဖြင့္တာပါ။ျပီးေတာ့အီးေမးလ္ကိုဖြင့္ၾကည့္ရင္လည္းဘေလာ့ကိုပံုမွန္မဖြင့္ျဖစ္ပါဘူး၊ ဒါေပးမယ့္အီးေမးလ္မွာေတာင္းဆိုထားေတြလဲက်ေနာ္တင္ေပးမွာပါမတင္ေတာ့ဘူးမဟုတ္ပါဘူး။ နားလည္းေပးၾကမယ္လို႕ေမ်ာ္လင့္ပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္kp3မိသားစု
တကယ္လို႕မိမိရဲ႕ဘေလာ့ပိုစ္မွာ Image Border မပါခဲ့လို႕ထည့္ခ်င္ရင္လည္းkp3နည္းပညာ၊၁၇၁၊မွာရွိပါတယ္။

၁။Design

၂။Edit HTML

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

.post img {
padding:4px;
border:1px solid $bordercolor;
}

တကယ္လို႕အေပၚက Code ကိုမေတြ႕ရင္ေအာက္က Code ကိုထပ္ရွာေပးပါ။

img{
padding: 4px;
border:1px solid $bordercolor;
}

အေပၚက Code ထဲက တစ္ခုခုကိုေတြ႕ျပီဆိုရင္ေအာက္မွာျပထားတဲ့စာေၾကာင္းေလးကိုျဖဳတ္ေပးလိုက္ပါ။

border:1px solid $bordercolor;

ဒါမွမဟုတ္ေအာက္မွာျပထားေပးတဲ့အတိုင္း 1 မွာ 0 သို႕ေျပာင္းေပးလိုက္ပါ။

border:0px;

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

Posted in: BLOGGER TIPS,POST