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

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

၁။ Layoutနိုပ္ပါ၊
၂။ 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>



၄။Save Template button.ႏိုပ္ပါ ၿပီးပါၿပီ။


အစိမ္းေရာင္လင့္ခ္ကေတာ့ Bubble Icon လင့္ခ္ပါ၊စိတ္တိုင္းၾကေျပာင္းနိုင္သည္။

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

Related Post

BLOGGER HACK

• Kp3နည္းပညာ၊၄၈၁၊ဘေလာ့ဆိုက္ဘားနဲ႕ပိုစ္Bodyကိုဘယ္ညာေျပာင္းနည္း
• Kp3နည္းပညာ၊၄၅၈။ဘေလာ့ Comment Box ကေန၇ာလြတ္ၾကီးကိုျဖဳတ္နည္း
• Kp3နည္းပညာ၊၄၅၆။ပိုစ္ေခါင္းစဥ္ေအာက္မွာAuthor,အခ်ိန္,LabelsIconထားနည္း
• Kp3နည္းပညာ၊၄၄၇။ဘေလာ့မွာSimple Print Friendly နဲ႕ PDF Buttons ေလးထားခ်င္ရင္
• Kp3နည္းပညာ၊၄ဝ၉၊ဘေလာ့မွာWordPress စတိုင္ Widget Tabs Menu ေလးသံုးခ်င္ရင္
• Kp3နည္းပညာ၊၄ဝ၆၊ဘေလာ့Static Pages မွာ Read More ျဖဳတ္နည္း
• Kp3နည္းပညာ၊၄ဝဝ၊ဘေလာ့မွာCSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီးအေသးေျပာင္းနည္း
• Kp3နည္းပညာ၊၃၆၁၊ဘေလာ့ Comments ေတြကိုKp3ရဲ႕ Scroll List ပံုစံေျပာင္းနည္း
• နည္းပညာ၊၃၅၆၊Kp3 ရဲ႕ဘေလာ့ Labels ေတြကို Auto Scroll လုပ္နည္း
• နည္းပညာ၊၃၅၅၊ဘေလာ့Postေနရာမွာ Add A Gadget ထည့္မရခဲ့ရင္
• kp3နည္းပညာ၊၂၃၄၊ဘေလာ့ Header ကိုႏိုပ္ရင္တျခား၀က္ဆိုက္ေရာက္သြားေအာင္လုပ္နည္း
• kp3နည္းပညာ၊၁၉၂၊ဘေလာ့မွာ HTML Code ေတြကို Syntax Highlighter သံုးနည္း
• kp3နည္းပညာ၊၁၈၂၊ဘေလာ့ Post Title လင့္ခ္ျဖဳတ္နည္း
• kp3နည္းပညာ၊၁၈၁၊ဘေလာ့ Header လင့္ခ္ျဖဳတ္နည္း
• kp3နည္းပညာ၊၁၇၉၊ဘေလာ့မွာ Google Buzz Buttons ေလးထည့္နည္း
• kp3နည္းပညာ၊၁၆၉၊မိမိရဲ႕ဘေလာ့ Post ေအာက္မွာComments Feedထားနည္း
• kp3နည္းပညာ၊၁၆၈၊ဘေလာ့မွာJS-Kit Ratingထားခ်င္ရင္
• kp3နည္းပညာ၊၁၆၂၊Subscribe to: Posts (Atom) ကို (RSS) ေျပာင္းခ်င္ရင္
• kp3နည္းပညာ၊၁၆၁။Home Page လင့္ခ္မွာ Post Titleေတြဘဲေပၚေစခ်င္ရင္
• kp3နည္းပညာ၊၁၆ဝ၊ဘေလာ့အတြက္အလြယ္ကူဆံုးRead moreလုပ္နည္း
• kp3နည္းပညာ၊၁၅၉၊Post ေတြကိုၾကိဳက္တဲ့ေနရာကေနဆက္ဖတ္ရန္ဆိုျပီးလုပ္နည္း
• kp3နည္းပညာ၊၁၅၈၊မိမိရဲ႕ဘေလာ့ Post ေတြကိုRead moreဆိုျပီးထည့္ခ်င္ရင္
• kp3နည္းပညာ၊၁၅၄၊MouseOver Social Bookmark ေလးထားခ်င္ရင္
• kp3နည္းပညာ၊၁၅၃၊ဘေလာ့ Label လင့္ခ္မွာေခါင္းစဥ္ေတြဘဲ ေပၚေအာင္လုပ္နည္း
• kp3နည္းပညာ၊၁၅၂၊ဘေလာ့မွာ Page Navigation ထည့္ခ်င္ရင္(၂)

Posted in: BLOGGER HACK