kp3နည္းပညာ၊၂၃၇၊ဘေလာ့မွာ Comments လာေပးဘေလာ့မိတ္ေဆြေတြရဲ့ Profile ပံုေပၚေအာင္လုပ္နည္း

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

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

အဆင့္။၁။Dashboard--> Settings- -> Comments.ကိုသြားမယ္။ေအာက္ပံု

အဆင့္။၂။Dashboard--> Settings- -> Comments.ကိုသြားမယ္။ေအာက္ပံု

အေပၚပံုအတိုင္းလုပ္ျပီးသြားရင္ Save Settings ကိုႏိုပ္လိုက္ပါ။

အဆင့္။၃။

၁။Layout

၂။ Edit HTMLကို၀င္ျပီးသြားရင္

၃။Expand Widget Templates ကိုအမွန္ျခစ္ေပးပါ.။ေအာက္ပံု

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

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

အေပၚက Code အတိုင္းေတြ႕တယ္ဆိုရင္ေတာ့ရပါျပီ။တကယ္လိုအေပၚက Coden ကိုမေတြ႕ခ့ဲရင္ေတာ့စဥ္းစားရေတာ့မယ္။

၅။အေပၚက Code ကိုရွာမေတြ႕ရင္ေအာက္က Code ကိုရွာပါ။

<dl id='comments-block'>

သို႕မဟုတ္ ေအာက္က Code

<div id='comments-block'>

၆။ဒီအေပၚက Code ၂ခုထဲကေတာ့တစ္ခုခုရွိပါလိမ့္မည္။ေတြ႕ျပီဆိုရင္ေအာက္က Code နဲ႕အစားထိုးေပးလိုက္ပါ။

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

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

<a expr:name='data:comment.anchorName'/>

၈။ေတြ႕ျပီဆိုရင္ေအာက္က Code နဲ႕အစားထိုးေပးလိုက္ပါ။

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

၉။ေနာက္ဆံုအဆင့္ေအာက္က Code ကိုထပ္ရွာပါ။

]]></b:skin>

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

/* Avatar */
.avatar-image-container img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWg0f2OFeCGrXvj4CEoyHmjBSX9ShHFBWHLCriJ_8vYx9YTOBu_S_tOWMcfRatw5IXOZro4khpT25ubmg1nx-mBnrFDoBDHQGvAGBUzvuFJF4H7BLGvTPc1ceKbHLgmQTHQKhtsfVlCu45/+avatar.png);
width:35px;
height:35px;
}

၁၀။Save Template ကိုႏိုပ္လိုက္ပါ.ျပီးပါျပီ။ ။ဘေလာ့မိတ္ေဆြအားလံုအဆင္ေျပၾကပါေစ ။ ။

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

Related Post

Posted in: COMMENTS