Embedding Comment Box Form

Embedding Comment Box Form ကုိ အသံုးျပဳျခင္းျဖင့္ မိမိေရးသားထားေသာ Posts မ်ားကုိ လာေရာက္ ဖတ္ရႈၾကေသာ ခ်စ္မိတ္ေဆြတုိ႔ရဲ႕ေရးသားေပးခဲ့ၾကေသာ comments ေတြ တြဲလ်က္ page တစ္ခုတည္းအတြင္း ေဖာ္ျပေပးႏုိင္ပါတယ္။ comments မ်ားကုိလည္း အလြယ္တကူ ေရးသားႏုိင္ၾကမွာျဖစ္ပါတယ္။ တစ္ခ်ိဳ႕ေတြ ျပဳျပင္ၿပီးသလုိ တစ္ခ်ိဳ႕ေတြလဲ ဒီ Feature ေလးကုိ အသံုးမျပဳၾကရေသးပါဘူး။ အသံုးျပဳခ်င္ရင္ေတာ့-

(၁)Dashboard ကုိသြားပါ။
Setting==>Comments ကုိ ေရြးႏွိပ္ၿပီး၀င္လုိက္ပါ။
Comment Form Placement မွ ေရြးခ်ယ္အသံုးျပဳရန္ ၃မ်ိဳးရွိေနပါတယ္။
Embedded below post ကုိ ေရြးခ်ယ္ၿပီး SAVE SETTINGS ႏွိပ္ၿပီး save လုိက္ပါ။


ဒီအဆင့္(၁)ေလာက္နဲ႔တင္ အဆင္ေျပႏုိင္ပါတယ္။ အဆင္မေျပေသးရင္ေတာ့ ေအာက္ပါ အဆင့္(၂)အတုိင္း ေဆာင္ရြက္ၾကည့္ပါ-

(၂) Layout==>Edit HTML ကုိသြားပါ။
Download Full Template ကုိႏွိပ္ၿပီး Template Backup လုပ္ထားေပးပါ။
Expand Widget Templates ရဲ႕ check box ကုိ mouse နဲ႔ တစ္ခ်က္ ႏွိပ္လုိက္ပါ။ ဒါမွ အျပည့္အစံုရွာႏုိင္ ေဖြႏုိင္မွာျဖစ္ပါတယ္။ ၿပီးရင္ Find box (ctrl+f ႏိွပ္၍)တြင္ <p class='comment-footer'> ထည့္ၿပီး ရွာလုိက္ပါ။ ေတြ႕ေအာင္ေတာ့ရွာရမွာပါ။ ၄င္းႏွင့္အတူ ေအာက္ေဖာ္ျပပါ code တုိ႔ကုိေတြ႕ရမွာပါ-

<p class='comment-footer'>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if>
</p>

ရွာလုိ႔ေတြ႕ၿပီဆုိရင္ေတာ့ ေအာက္ေဖာ္ျပပါ code တုိ႔ကုိ copy ကူးၿပီး အစားထုိးေပးလုိက္ပါ။

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/> <b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if>
</p>

ဒီေလာက္ပါပဲ ၿပီးရင္ေတာ့ SAVE TEMPLATE ကုိ ႏွိပ္ၿပီး save လုိက္ပါ။

အဆင္ေျပပါေစ။

အျပည့္အစံုသုိ႔>>>

ျပန္ေခါက္ခဲ့လုိလွ်င္>>>

Text Border Style

မိမိ Post အတြင္း စာသားတစ္ခ်ိဳ႕၊ စာတစ္ေၾကာင္း၊ စာတစ္ပုိဒ္ စသျဖင့္ စာသားမ်ား ေဘာင္ခတ္ေပးျခင္း အားျဖင့္ စာဖတ္သူကုိ သိသာ ထင္ရွားေစခ်င္ရင္ သံုးတတ္ၾကတဲ့ style တစ္ခုပါ-

Style(1)

<div style="border-style:solid">---Text----</div>

၄င္းနမူနာပံုစံ

This will have a solid border.

Style(2)

<div style="width:230px; border-style:solid">---Text----</div>

၄င္းနမူနာပံုစံ

This will have a solid border.

Style(3)

<div style="width:240px; border-style:double">---Text---</div>

၄င္းနမူနာပံုစံ

This will have a double border.

Style(4)

<div style="border-width:thin; border-style:solid">---Text---</div>

၄င္းနမူနာပံုစံ

This will have a thin, solid border.

Style(5)

<div style="border-width:12px; border-style:solid">---Text---</div>

၄င္းနမူနာပံုစံ

This will have a 12 pixel solid border.

Style(6)

<div style="border-color:red; border-style:solid">---Text---</div>

၄င္းနမူနာပံုစံ

This will have a red, solid border.

Style(7)

<div style="margin-left:50px; border-style:double">---Text---</div>

၄င္းနမူနာပံုစံ

This has a left margin of 50 pixels.

Style(8)

<div style="margin-right:100px; border-style:double">---Text---</div>

၄င္းနမူနာပံုစံ

This has a right margin of 100 pixels. Yes, it is pretty neat to have a right margin, isn't it?

Style(9)

<div style="padding-left:50px; border-style:double">---Text---</div>

၄င္းနမူနာပံုစံ

This has a left padding of 50 pixels.

Style(10)

<div style="border-style:double;background-color: rgb(0, 255, 255);"><p><blockquote>---Text-----</blockquote></p></div>

၄င္းနမူနာပံုစံ

This has a left blockquote text style.This has a left blockquote text style. This has a left blockquote text style. This has a left blockquote text style. This has a left blockquote text style. This has a left blockquote text style.

Possible Values မ်ားကုိေတာ့ မိမိစိတ္ႀကိဳက္အဆင္ေျပသလုိ ေျပာင္လဲသံုးစြဲႏုိင္ပါတယ္။
Color Value အတြက္LinK

အဆင္ေျပပါေစ။

အျပည့္အစံုသုိ႔>>>

ျပန္ေခါက္ခဲ့လုိလွ်င္>>>