မိမိရဲ့ဘေလာ႔Comment အေရအတြက္ Bubble Icon ေလးနဲ႕ေပၚေစခ်င္ရင္

အေပၚဆံုးမွာပါရွိသည့္ ရည္ရြယ္ခ်က္ ႏွင့္ ဆက္သြယ္ရန္ ကိုအရင္ဖတ္ေပးပါ

မိမိရဲ႕ဘေလာ့Postတခုစီရဲ႕အေပၚမွာ Comment အေရအတြက္ Bubble Icon ေလးနဲ႕ေပၚ
ေအာင္လုပ္တဲ့နည္းေလးပါ၊တခ်ိဳ႕Template မွာၾကေတာ့ Autoပါလာတယ္၊ထည့္နည္းေလးကေတာ့
ေအာက္မွာပံုနဲ႕တကြ Code

၁။ Layoutနိုပ္ပါ၊
၂။ edit HTMLထပ္နို္ပ္ပါ၊

၂။ Edit HTMLထပ္နို္ပ္ပါ

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

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

]]></b:skin>

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

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://i43.tinypic.com/dljpzo.jpg) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:absolute;
}

cssေနရာမွာထားျပီးသြားျပီဆိုရင္

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

အနီ ေရာင္ Code ေတြကိုထပ္ျဖည့္ေပးလိုက္ပါ

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'><b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Myanmar Blogger Guide