Mr ThangMing: blogger comment

ဘေလာ့မွာ Blogger နွင့္ Google+ Comments Box ၂ခုစလုံး တြဲသုံးလုိ႔ရေအာင္ ထည့္နည္း

<div dir="ltr" style="text-align: left;" trbidi="on">
မဂၤလာပါ၊  ဒီေန႔ ဘေလာ့သမားမ်ားအတြက္ ဘေလာ့မွာ Blogger Comments Box နွင့္ Google+ Plus Comments Box  ၂ခုစလုံး တြဲသုံးလုိ႔ရေအာင္ ထည့္နည္း/လုပ္နည္းေလးကုိ မွ်ေ၀ေပးလုိက္ပါတယ္။ ဒီ နည္းလမ္းေလးကုိေတာ့ က်ေနာ္တုိ႔ ျမန္မာဘေလာ့ေတြမွာ အသုံးျပဳတဲ့သူသိပ္မရွိပါဘူးလုိ႔ေျပာရရင္ မွားမယ္မထင္ပါဘူး။ ဘာပဲျဖစ္ျဖစ္ သုံးခ်င္တဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ အဆင္ေျပေအာင္ ထပ္မွ်ေ၀ေပးလုိက္တာပါ။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link ႏွင့္တကြ ထည့္နည္းနဲ႔ လုိအပ္တဲ့ Cond ေတြလည္း ထားေပးပါတယ္။<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgykoYsPcjh65bg_G1bnUzgQB45y9l4joONSIERyoTSe0MWqBcf5TM0BXFeSbTzTZGIo0qt4wqW2D1ZUBdbFul1bW1Lo8BMkqCiwpyAM55l1-JuIxS6DH1ptd8q8u-b8vDJTz2RhVbZ-f0/s1600/bg_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="427" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgykoYsPcjh65bg_G1bnUzgQB45y9l4joONSIERyoTSe0MWqBcf5TM0BXFeSbTzTZGIo0qt4wqW2D1ZUBdbFul1bW1Lo8BMkqCiwpyAM55l1-JuIxS6DH1ptd8q8u-b8vDJTz2RhVbZ-f0/s640/bg_1.gif" width="100%" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://exe-idea.blogspot.com/2012/10/blog-post_28.html" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br />
၂။ Template<br />
<br />
၃။ Edit HTMl<br />
<br />
၄။ ေအာက္က  Cond ေလးကုိရွာပါ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။<br />
<br />
<pre class="cpp" name="code"><b:includable id='threaded_comments' var='post'>...</b:includable>

</pre>
<br />
၅။ ေတြ႕ၿပီးဆုိရင္ ထုိ Cond ကုိျဖဳတ္ၿပီး ေအာက္က Cond နဲ႔ လဲေပးလုိက္ပါပါ။ (မွတ္ခ်က္။   ။ မိမိရွာေတြ႔တဲ့ အေပၚက Cond ကုိျဖဳတ္ၿပီး ေအာက္က က်ေနာ္ေပးထားတဲ့ Cond ကုိ ထည့္ေပးလုိက္ပါ။)<br />
<br />
<pre class="cpp" name="code"><b:includable id='threaded_comments' var='post'>

</div>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='threaded_comment_js'/>

</b:if>

<data:post.commentHtml/>

</div>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threaded-comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

gapi.comments.render('gcomments', {

href: window.location,

width: '600',

first_party_property: 'BLOGGER',

view_type: 'FILTERED_POSTMOD'

});

$('#comments-norm').click(function(){

<span class="Apple-tab-span" style="white-space: pre;">	</span>// switch to normal comments displaying

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#gcontainer').css('display','none');

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#comments').css('display','block');

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#comments-norm').addClass('comment-on');

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#comments-gplus').removeClass('comment-on');

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#comments-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfpOnH7rkwMNc19CgopN1isEAP3DU7qZSvr0dpygurxQ3nSVmkHhQHDPL-mHpEOC5lBdi6DceGism6qGzbP8iRC3FX3_zCyQmbit17VSOhkyizainV5sp73y3NLjKJNJ2NP3DLsuisfnVA/s1600/MTMblogger_on.png');

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#comments-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiySi8EHFMEZmKIQwGUHP2zxEiRFr3aieX9wlF-wjF2l3CmQMAch9PPdN3cEqlr0Z9kEj-YyzNLFvCSot4tTG1DQQLgOeMJP2dBkjhOErFwvSRa429xRaYxVjkDebR0a5SG9TR_6Gga_Wvk/s1600/MTMplus_off.png');

});

$('#comments-gplus').click(function(){

<span class="Apple-tab-span" style="white-space: pre;">	</span>// switch to google plus comments displaying

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#comments').css('display','none');

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#gcontainer').css('display','block');

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#comments-norm').removeClass('comment-on');

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#comments-gplus').addClass('comment-on');

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#comments-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaNTL3dPytOUA4AeAMa36QLD1i8Bw0zf7sFJYPywgZaDH1tBFtDEjMYm7C745OM0B38INWPHWTYvXndhktQ1SPE5mnD_Xc1R15OCCDtr-GqOxntuhOor_Fj0JXlLy2F8coo2MSDo8J7vce/s1600/MTMblogger_off.png');

<span class="Apple-tab-span" style="white-space: pre;">	</span>$('#comments-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdii_fzNetNHhp5Db1nxCAt3V-iUv8OUI0NIqiqI0HPh0zJVblTPS84zLavVC44JpjYb4xLYUJunEcPgCSf3NbygdTttZtb4plZQjO_akHVWp6x_k2GAwnDQG0BZLwDPF6xT6z45OOUliS/s1600/MTMplus_on.png');

});

$('#comments-norm').hover(

<span class="Apple-tab-span" style="white-space: pre;">	</span>// switch to normal comments displaying

<span class="Apple-tab-span" style="white-space: pre;">	</span>function(){

<span class="Apple-tab-span" style="white-space: pre;">		</span>if (!$('#comments-norm').hasClass('comment-on')){ $('#comments-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfpOnH7rkwMNc19CgopN1isEAP3DU7qZSvr0dpygurxQ3nSVmkHhQHDPL-mHpEOC5lBdi6DceGism6qGzbP8iRC3FX3_zCyQmbit17VSOhkyizainV5sp73y3NLjKJNJ2NP3DLsuisfnVA/s1600/MTMblogger_on.png');}

<span class="Apple-tab-span" style="white-space: pre;">	</span>}, <span class="Apple-tab-span" style="white-space: pre;">	</span>function(){

<span class="Apple-tab-span" style="white-space: pre;">		</span>if (!$('#comments-norm').hasClass('comment-on')){ $('#comments-norm').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaNTL3dPytOUA4AeAMa36QLD1i8Bw0zf7sFJYPywgZaDH1tBFtDEjMYm7C745OM0B38INWPHWTYvXndhktQ1SPE5mnD_Xc1R15OCCDtr-GqOxntuhOor_Fj0JXlLy2F8coo2MSDo8J7vce/s1600/MTMblogger_off.png');}

<span class="Apple-tab-span" style="white-space: pre;">	</span>}

);

$('#comments-gplus').hover(

<span class="Apple-tab-span" style="white-space: pre;">	</span>// switch to gplus comments displaying

<span class="Apple-tab-span" style="white-space: pre;">	</span>function(){

<span class="Apple-tab-span" style="white-space: pre;">		</span>if (!$('#comments-gplus').hasClass('comment-on')){ $('#comments-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdii_fzNetNHhp5Db1nxCAt3V-iUv8OUI0NIqiqI0HPh0zJVblTPS84zLavVC44JpjYb4xLYUJunEcPgCSf3NbygdTttZtb4plZQjO_akHVWp6x_k2GAwnDQG0BZLwDPF6xT6z45OOUliS/s1600/MTMplus_on.png');}

<span class="Apple-tab-span" style="white-space: pre;">	</span>}, <span class="Apple-tab-span" style="white-space: pre;">	</span>function(){

<span class="Apple-tab-span" style="white-space: pre;">		</span>if (!$('#comments-gplus').hasClass('comment-on')){ $('#comments-gplus').attr('src','https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiySi8EHFMEZmKIQwGUHP2zxEiRFr3aieX9wlF-wjF2l3CmQMAch9PPdN3cEqlr0Z9kEj-YyzNLFvCSot4tTG1DQQLgOeMJP2dBkjhOErFwvSRa429xRaYxVjkDebR0a5SG9TR_6Gga_Wvk/s1600/MTMplus_off.png');}

<span class="Apple-tab-span" style="white-space: pre;">	</span>}

);

</script>

<style>

#comment-zone {

<span class="Apple-tab-span" style="white-space: pre;">	</span>position:<span class="Apple-tab-span" style="white-space: pre;">	</span>relative;

}

#gcontainer {

<span class="Apple-tab-span" style="white-space: pre;">	</span>display:<span class="Apple-tab-span" style="white-space: pre;">	</span>none;

}

#comments-norm, #comments-gplus {

<span class="Apple-tab-span" style="white-space: pre;">	</span>cursor:<span class="Apple-tab-span" style="white-space: pre;">			</span>pointer;

<span class="Apple-tab-span" style="white-space: pre;">	</span>padding:<span class="Apple-tab-span" style="white-space: pre;">		</span>0px 5px;

}

</style>

</div>

</b:includable>

</pre>
<br />
၆။ ေအာက္က Cond ကုိ ထပ္ရွာပါ။<br />
<br />
<pre class="cpp" name="code"><b:includable id='comment_picker' var='post'>...</b:includable>

</pre>
<br />
၇။ ေတြ႕ၿပီးဆုိရင္ ထုိ Cond ကုိျဖဳတ္ၿပီး ေအာက္က Cond နဲ႔ လဲေပးလုိက္ပါပါ။ (မွတ္ခ်က္။   ။ မိမိရွာေတြ႔တဲ့ အေပၚက Cond ကုိျဖဳတ္ၿပီး ေအာက္က က်ေနာ္ေပးထားတဲ့ Cond ကုိ ထည့္ေပးလုိက္ပါ။)<br />
<br />
<pre class="cpp" name="code"><b:includable id='comment_picker' var='post'>

<b:if cond='data:post.forceIframeComments'>

<b:include data='post' name='iframe_comments'/>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

<b:else/>

<b:if cond='data:post.commentSource == 1'>

<b:include data='post' name='iframe_comments'/>

<b:else/>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='threaded_comments'/>

</b:if>

</b:includable>

</pre>
<br />
၈။ ထည့္ၿပီးရင္ Save Template ကုိ ႏွိပ္ေပးလုိက္ပါ။ ၿပီးရင္ မိမိ၏ ဘေလာ့ကုိ ဖြင့္ၾကည့္ပါ၊ သိပ္အဆင္မေျပဘူးဆုိရင္ Edit HTMl ကုိျပန္၀င္ၿပီး ေအာက္က Cond ကုိ ရွာပါ။<br />
<br />
<pre class="cpp" name="code"></head>

</pre>
<br />
ေတြ႕ၿပီးဆုိရင္ </head> ရဲ႕အေပၚမွာ ေအာက္က Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code"><script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'></script>

</pre>
<br />
ထည့္ၿပီးရင္ Save Template ကုိႏွိပ္ေပးလုိက္ပါ။ အားလုံးအဆင္ေျပနုိင္ၾကပါေစ။<br />
<br /></div>

ဘေလာ့မွာ Blogger နွင့္ Google+ Comments Box ၂ခုစလုံး တြဲသုံးလုိ႔ရေအာင္ ထည့္နည္း

မဂၤလာပါ၊ ဒီေန႔ ဘေလာ့သမားမ်ားအတြက္ ဘေလာ့မွာ Blogger Comments Box နွင့္ Google+ Plus Comments Box ၂ခုစလုံး တြဲသုံးလုိ႔ရေအာင္ ထည့္နည္း/လုပ္န...

ဘေလာ့မွာ Google+ Comments ထည့္သြင္းအသုံးျပဳနည္း

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔တင္ေပးလုိက္တဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Google+ Comments ထည့္သြင္းအသုံးျပဳနည္းေလးကုိ တင္ေပးလုိက္ပါတယ္။ ဤနည္းကုိေတာ့ က်ေတာ္တုိ႔ ျမန္မာဘေလာ့မွာေတာ့ သုံးတဲ့သူမရွိသေလာက္ပါပဲလုိ႔ေျပာရင္ မွားမယ္မထင္ပါဘူး။ ဘာျဖစ္လုိ႔လဲဆုိေတာ့ က်ေနာ္တုိ႔ျမန္မာေတြကမွ Google Page ကုိသိပ္မသုံးၾကတာ။ Chatting အတြက္ Gmail,Gtalk နွင့္ Facebook ေလာက္ပဲ သုံးတာမ်ားတာပါ။ အားလုံးကုိဆုိလုိတဲ့ သေဘာ့ေတာ့မဟုတ္ပါဘူး။ သိၿပီးၾကတဲ့မိတ္ေဆြေတြ ထိခုိက္မယ္ဆုိရင္ ေအာင္ပန္းပါရေစ။ ဘာပဲျဖစ္ျဖစ္ သုံးခ်င္တဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ အဆင္ေျပေအာင္ မွ်ေ၀ေပးလုိက္တာပါ။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link နွင့္ တကြ လုပ္နည္းနဲ႔ လုိအပါတဲ့ Cond ေတြလည္း ထားေပးပါတယ္။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiSH6iuKt4YZcjOJlH-GsXInnL1YTBL-FIxqMlrulwPbx8lsX7pvUvokuMdDS3JAmzZW_2CWblvjdmscyBYU6xi4cQF0BYGvWAML3IstSsoMuZ8tfxSIIL1RPW9Nyu2qy1SA-QcbBhl0U/s1600/Google+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="378" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiSH6iuKt4YZcjOJlH-GsXInnL1YTBL-FIxqMlrulwPbx8lsX7pvUvokuMdDS3JAmzZW_2CWblvjdmscyBYU6xi4cQF0BYGvWAML3IstSsoMuZ8tfxSIIL1RPW9Nyu2qy1SA-QcbBhl0U/s640/Google+2.png" width="100%" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://facebook-thangming.blogspot.com/2013/03/how-to-write-post-for-wallpaper-blogdemo.html" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br />
၂။ Google+<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhOt5I9JOsi2Bep0RMEszeFJgQuowIJ1O8f4hjjK2DAtkPfJmawJ1Q5FRkVOfysXsJ3NNoeiaRhSwEHWCp-M-FnmKN_OcqFkCbvihCRjTEXS6dADwsfmYI4pkZXJD1dk-dnY8ZnWOEH7Y/s1600/Google%252B.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhOt5I9JOsi2Bep0RMEszeFJgQuowIJ1O8f4hjjK2DAtkPfJmawJ1Q5FRkVOfysXsJ3NNoeiaRhSwEHWCp-M-FnmKN_OcqFkCbvihCRjTEXS6dADwsfmYI4pkZXJD1dk-dnY8ZnWOEH7Y/s640/Google%252B.png" width="100%" /></a></div>
<br />
Google Page မရွိေသးဘူးဆုိရင္ အေပၚကပုံ အတုိင္းျမင္ေတြ႔ရမွာပါ။ Get Started Button ေလးကုိနုိပ္ၿပီး အရင္ဆုံး Google Page ကုိ ျပဳလုပ္ပါ။ အလြယ္ေလးဖုိ႔လုိ႔ ထပ္မရွင္းျပေတာ့ပါဘူး။ Google Page ကုိရျပဳလုပ္ၿပီးသြားရင္ေတာ့ ေအာက္ပုံအတုိင္း ျမင္ေတြ႔ရမွာပါ။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi21NatLrOIjzAE2yT55KJFsWAURareh-xP1F3o5arOBJ-UHVhs1k6rP7hpRJvfjipoeoMzn-MS1IlMehjI_FnLFVBgezz_M272MrfSAmvwiwaL5R86FlqlNHuO83GsA3a6_SmMF8X75DQ/s1600/Google%252B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi21NatLrOIjzAE2yT55KJFsWAURareh-xP1F3o5arOBJ-UHVhs1k6rP7hpRJvfjipoeoMzn-MS1IlMehjI_FnLFVBgezz_M272MrfSAmvwiwaL5R86FlqlNHuO83GsA3a6_SmMF8X75DQ/s640/Google%252B1.png" width="100%" /></a></div>
<br />
အေပၚကပုံမွာျပထားတဲ့တုိင္း Google+ ၀င္ၿပီး Use Google+ Comments On This Blog ကုိ အမွန္ျခစ္ေပးလုိက္ပါ။ ေအာက္ပါ အဆင့္ကုိထပ္သြားပါ။<br />
<br />
၃။ Template<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDsdKEonzVaOp7GoHHtCFZJX0mRAAym_PANoq1UAX8V2tXKaamyhECBwOOVjELC5cTauSe79N0erYe87WgKL7mxUCIM8ifcktkfjVsyjlvVcYCf155A9KZgtSwD00_bdQRFHtkFmjVk5w/s1600/f11.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDsdKEonzVaOp7GoHHtCFZJX0mRAAym_PANoq1UAX8V2tXKaamyhECBwOOVjELC5cTauSe79N0erYe87WgKL7mxUCIM8ifcktkfjVsyjlvVcYCf155A9KZgtSwD00_bdQRFHtkFmjVk5w/s1600/f11.png" /></a>၄။ Edit HTM (မွတ္ခ်က္။   ။ Edit HTM ၀င္ရတာ အခက္အခဲျဖစ္ေနရင္ Keyboard ေပၚက  F11 နုိပ္ေပးလုိက္ပါ၊ Cond ေတြျမင္ရၿပီးဆုိရင္ F11 ကုိထပ္နုိပ္ေပးလုိက္ပါ။)<br />
<br />
၅။ Format Template<br />
ေအာက္က  Cond ေလးကုိရွာပါ။ (မွတ္ခ်က္။   ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။)<br />
<br />
<pre class="cpp" name="code"><div class='post-footer'>

</pre>
<br />
၆။ ေတြ႕ၿပီးဆုိရင္ <div class='post-footer'> ရဲ႕ေအာက္မွာ ေအာက္က Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code">
<div class='cmt_iframe_holder' data-viewtype='FILTERED_POSTMOD' expr:href='data:blog.canonicalUrl'/>

</pre>
<br />
၇။ ထည့္ၿပီးရင္ Save Template ကုိနုိပ္ေပးလုိက္ပါ။<br />
<br />
<br /></div>

ဘေလာ့မွာ Google+ Comments ထည့္သြင္းအသုံးျပဳနည္း

ဒီေန႔တင္ေပးလုိက္တဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့မွာ Google+ Comments ထည့္သြင္းအသုံးျပဳနည္းေလးကုိ တင္ေပးလုိက္ပါတယ္။ ဤနည္းကုိေတာ့ က်ေတာ္တုိ႔ ျမန္မ...

How To Add Embed YouTube Videos In Blogger Comments Box

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ Comments Box မွာ  Embed YouTube Videos မ်ားထည့္လုိ႔ရေအာင္ လုပ္နည္းေလးပါ။ က်ေနာ္တုိ႔ ျမန္မာ ဘေလာ့ေတြမွာေတာ့ သုံးတဲ့ သူမရွိသေလာက္ပါပဲလုိ႔ေျပာနုိင္ပါတယ္။ မႀကဳိက္ၾကတာလာေတာ့ မသိပါ။ ႀကဳိက္တဲ့ ဘေလာ့မိတ္ေဆြမ်ားရွိရင္ အလြယ္တကူ လုပ္လုိ႔ရေအာင္ တင္ေပးလုိက္တာပါ။ ေအာက္မွာ Demo(နမူနာ) သြားၾကည့္ လုိ႔ရေအာင္ Link{လင့္(ခ္)} နွင့္ တကြ လုပ္နည္းနဲ႔ လုိအပ္တဲ့ Cond ေတြလည္းေပးထားပါတယ္။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DL8fnn4wZQC5J8IO0iybsfTI28Lt8oaad0bDVExCTNynbaJovy1u_ZfSxjz9Br7qDWuFI7fXK2jTz2rajLOMNUzFNfI23n0CnV54durwbx1VNHJ_94qCLb1IcuvO_54pXMoDGSzfdgw/s1600/EMBEDY~1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8DL8fnn4wZQC5J8IO0iybsfTI28Lt8oaad0bDVExCTNynbaJovy1u_ZfSxjz9Br7qDWuFI7fXK2jTz2rajLOMNUzFNfI23n0CnV54durwbx1VNHJ_94qCLb1IcuvO_54pXMoDGSzfdgw/s1600/EMBEDY~1.JPG" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://mtmdemo.blogspot.com/2013/04/how-to-create-a-new-blogger.html" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br />
၂။ Template<br />
Cond ေပါင္းထည့္ရမွာ စိတ္မခ်ပါက <a href="http://mrthangming.blogspot.com/2012/11/how-to-backuprestore-your-blogger.html" target="_blank" title="Take a Backup/Restore of your template">Backup/Restore</a> အရင္လုပ္ေပးသင့္ပါတယ္။<br />
၃။ Edit HTMl<br />
<br />
၄။ Proceed<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxz1mFb7tWnisQzytpbnDy2NrH9Dmka3QObLAWIY1cFSrFkwfvK7cABckjTKMYaqw54Yx5Ud3I8ToQgTOU-fThL_0FBlc55JMkOYQVVDngmfJzfro5eliRa-DsNfztEDi622juCivvcYI/s1600/box.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxz1mFb7tWnisQzytpbnDy2NrH9Dmka3QObLAWIY1cFSrFkwfvK7cABckjTKMYaqw54Yx5Ud3I8ToQgTOU-fThL_0FBlc55JMkOYQVVDngmfJzfro5eliRa-DsNfztEDi622juCivvcYI/s200/box.png" width="200" /></a>၅။ ေအာက္က  Cond ေလးကုိရွာပါ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။<br />
<br />
<pre class="cpp" name="code"></head>

</pre>
<br />
၆။ ေတြ႔ၿပီးဆုိရင္ </head> ရဲ႕ အေပၚမွာ ေအာက္က ေပးထားတဲ့ Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code"><script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>

//<![CDATA[

// Embed youtube videos in Blogspot comments by Mr-ThangMing 2012.

// See http://mrthangming.blogspot.com/2013/04/How-To-Add-Embed-YouTube-Videos-In-Blogger-Comments-Box.html

// if oetag=0, just use video urls like:

//           http://www.youtube.com/watch?v=12345678901

//           surrounded by white space (video tag can be used, too)

// if oetag=1 (for nerdy blogs?), use syntax:

//           [video=http://www.youtube.com/watch?v=12345678901]

// config:

var oetag = 0;           // see above

var oetagname = "video"; // [video=zzz], maybe you like "embed" or "youtube" more?

var oelazy = -1; // -1 detect, 0 = normal, 1 = lazy (needs lazy load hack)

function oe_loadscript(filename) {

var scr=document.createElement('script');

scr.setAttribute("type","text/javascript");

scr.setAttribute("src",filename);

document.getElementsByTagName("head")[0].appendChild(scr);

}

function oe_jumptohash() { // reposition to anchor

window.scrollTo(0, $("#"+window.location.hash.replace(/^#/, "")).offset().top);

}

var oe_tid;

var oe_elems = {};

function oembed_callback(response) {

var resp = response;

revurl = resp.url.split("").reverse().join("");

html = oe_elems[response.callID].html();

ee = $(resp.html);

w = parseInt(ee.attr("width"));

h = parseInt(ee.attr("height"));

if(oelazy==1) { // convert to lazy load

src = ee.attr("src");

src += ((src.indexOf("?")==-1) ? "?" : "&") + "autoplay=1";

ee.attr("src", src);

ee.attr("style", "vertical-align:top;");

htm = $("<div/>").append(ee).html();

htm = $('<div/>').text(htm).html().replace(/"/g,'&quot;');

resp.html = '<a href="'+resp.url+'" class="youtube-lazy-link" style="width: '+w+'px; height: '+h+'px; background: #000 url('+resp.thumbnail_url+') center center no-repeat;" onclick="$(this).replaceWith(\''+htm+'\');return false;"><div style="width:'+(w-4)+'px;height:'+(h-4)+'px;" class="youtube-lazy-link-div"></div><div class="youtube-lazy-link-info"><b>'+resp.title+(resp.playlist ? '</b> [playlist]' : '</b>')+'<br /><small>by '+resp.author_name+'</small></div></a>';

}

htmlx = html.replace(new RegExp("\\[" + oetagname + "="+resp.url.replace("/", "\\/").replace(".", "\\.").replace("?", "\\?")+"\\]"), " " + resp.url + " ");

htmlx = htmlx.replace(new RegExp("\\[" + oetagname + "="+resp.url.replace("/", "\\/").replace(".", "\\.").replace("?", "\\?")+" \\]"), " " + resp.url + " ");

htmlx = htmlx.replace(new RegExp('"'+resp.url.replace("/", "\\/").replace(".", "\\.").replace("?", "\\?")+'"', "g"), '"'+revurl+'"');  // trick to preserve href="url"

htmlx = htmlx.replace(new RegExp(resp.url.replace("/", "\\/").replace(".", "\\.").replace("?", "\\?")), '<div style="height:'+h+'px;" class="oembed youtube">'+resp.html+'</div>')

htmlx = htmlx.replace(new RegExp('"'+revurl.replace("/", "\\/").replace(".", "\\.").replace("?", "\\?")+'"', "g"), '"'+resp.url+'"');  // trick to preserve href="url"

if(html != htmlx) {

oe_elems[response.callID].html(htmlx);

if(window.location.hash.replace(/^#/, "").length > 0) {

if(oe_tid) window.clearTimeout(oe_tid);

oe_tid = window.setTimeout("oe_jumptohash()", 1000);

}

function oembed_yt(url, width, callID) {

src = "http://oembed-js.appspot.com/?url=" + encodeURIComponent(url) + "&callback=oembed_callback&callID=" + encodeURIComponent(callID);

if(width) src = src + "&maxwidth=" + width + "&maxheight=" + width;

oe_loadscript(src);

}

$(document).ready(function() {

det=$('<div class="youtube-lazy-link-div" />');

$("body").append(det);

if(det.css("position")=="absolute") {

if(oelazy != 0) oelazy=1;

}

else oelazy = 0;

det.remove();

window.setTimeout(function() {

var callID=0;

$(".comment-content,.comment-body,.comment-body-author").each(function() {

html = " " + $(this).html() + " ";

if(oetag)

matches = html.match(new RegExp("\\["+oetagname+"=(https?:\\/\\/[^\\s<\\/]*youtu\\.*be[^\\]]+)", "g"));

else

matches = html.match(/([>\s^]|\[\w+=)(https?:\/\/[^\s<\/]*youtu\.*be[^\s<\]]+)/g);

if(matches && matches.length) {

for(var i=0;i<matches.length;i++) {

url = matches[i].match(/https?:\/\/[^\s<\/]*youtu\.*be[^\s<\]]+/);

oe_elems[callID] = $(this);

oembed_yt(url, $(this).width(), callID++);

}

});

}, 500);

});

//]]>

</script>

</pre>
<br />
၇။ ထည့္ၿပီးရင္ Save Template Button ေလးကုိ နုိပ္ေပးလုိက္ပါ။<br />
<br />
<span style="font-size: large;"><b>မွတ္ခ်က္။   ။ </b></span>Blog Comment Box မွာ [video=ဤေနရာမွာ မိမိႀကဳိက္တဲ့ YouTube လင့္(ခ္) ထည့္ပါ] ဆုိၿပီထည့္ရပါမယ္။<br />
<br />
<pre class="cpp" name="code"> [video=ဤေနရာမွာ မိမိႀကဳိက္တဲ့ YouTube လင့္(ခ္) ထည့္ပါ]

</pre>
<br />
<span style="color: orange; font-size: large;"><b>ဥပမာ_</b></span>[video=http://www.youtube.com/watch?v=ZVHPKBlw4-0]<br />
<br />
<pre class="cpp" name="code">[video=http://www.youtube.com/watch?v=ZVHPKBlw4-0]

</pre>
<br /></div>

How To Add Embed YouTube Videos In Blogger Comments Box

ဒီေန႔တင္ေပးတဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ Comments Box မွာ Embed YouTube Videos မ်ားထည့္လုိ႔ရေအာင္ လုပ္နည္းေလးပါ။ က်ေနာ္တုိ႔ ျမန္မာ ဘေလာ့ေတြမွ...

How To Add Link In Comment Box

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔တင္ေပးခ်င္တဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ Comment Box မွာ Comment ေရးရင္ Link ပါထပ္ထည့္ခ်င္တဲ့ ဘေလာ့မိတ္္ေဆြမ်ားတြက္ Comment Box မွာ Link ေရးထည့္နည္းေလးကုိ မွ်ေ၀ေပးခ်င္ပါတယ္။ သိၿပီးၾကေသာ ဘေလာ့မိတ္ေဆြမ်ားလည္းမ်ားေတြ႔မွာပါ။ မသိေသၚတဲဲ့ ဘေလာ့မိတ္ေဆြမ်ားအတြက္ ထပ္တင္ေပးလုိက္တာပါ။ မခက္ပါဘူး လြယ္လြန္းလုိ႔ !!!!!!!!!!......<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC_a8BK0L7NvXS_AHeCf_2ppyws4Fv__Oy_ehyw9vvKZeAqDivWfqcZQKPq8PjSK5CNt0aNbpxtBgcE6fIi3kM9Lthnm8XlGwMWY5hLE5i_B-sAaRDuPeI5jOpFCl7V2J4wdMC0_DZGDI/s1600/LINNIN~1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC_a8BK0L7NvXS_AHeCf_2ppyws4Fv__Oy_ehyw9vvKZeAqDivWfqcZQKPq8PjSK5CNt0aNbpxtBgcE6fIi3kM9Lthnm8XlGwMWY5hLE5i_B-sAaRDuPeI5jOpFCl7V2J4wdMC0_DZGDI/s1600/LINNIN~1.PNG" /></a></div>
<br />
<pre class="cpp" name="code"><a href="ဤေနရာမွာ မိမိႀကဳိက္တဲ့ လင့္(ခ္)ထည့္ရန္" title="ဤေနရာမွာ လင့္(ခ္)အမည္ကုိ Mouse နဲ႔ ထိရင္ ေပၚမည့္ Title ေရးထည့္ရန္">ဤေနရာမွာ လင့္(ခ္) အမည္ေပးရန္</a>

</pre>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwJhhJOIrScXNEi3mJSIMoM2M0Ih62VSi64CPp4SPNm4MClUUjeXr-emkPaKcOP7UPG7n3xLloM0-vmoemoHEqKDiUgEEFp5_tDiUjmgD6LmvSaEDKGVHatXnRvfF72vpceqIaP-sv50/s1600/LINKIN~1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvwJhhJOIrScXNEi3mJSIMoM2M0Ih62VSi64CPp4SPNm4MClUUjeXr-emkPaKcOP7UPG7n3xLloM0-vmoemoHEqKDiUgEEFp5_tDiUjmgD6LmvSaEDKGVHatXnRvfF72vpceqIaP-sv50/s1600/LINKIN~1.PNG" /></a>AAAAAAAAAA</div>
<span style="font-size: x-large;"><b><br /></b></span>
<span style="font-size: x-large;"><b>ဥပမာ - ေအာက္က အတုိင္းပါ။</b></span><br />
<br />
<pre class="cpp" name="code"><a href="http://www.mrthangming.com" title="Blogger Tutorial">Mr ThangMing</a>

</pre>
<br />
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9AcbBtiUZLmvRfGt7BxVjWhjBIizYbjMIx3FZfnM3mD1oYqfN02cvOMM2hxr33AtPfGlDoDmwUp3WhsCHYOHH1hGoE1tQTQh5ftDhN7-9gBnQ-QKWs1Xf2eUPHTAziLj7fYaAtuDk7uc/s1600/comment.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9AcbBtiUZLmvRfGt7BxVjWhjBIizYbjMIx3FZfnM3mD1oYqfN02cvOMM2hxr33AtPfGlDoDmwUp3WhsCHYOHH1hGoE1tQTQh5ftDhN7-9gBnQ-QKWs1Xf2eUPHTAziLj7fYaAtuDk7uc/s1600/comment.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: x-large;"><b><a href="http://mrthangming.blogspot.com/2012/06/mouse_9.html">Demo(နမူနာ)</a></b></span></div>
</div>

How To Add Link In Comment Box

ဒီေန႔တင္ေပးခ်င္တဲ့ ပုိ႔(စ္)ေလးကေတာ့ ဘေလာ့ Comment Box မွာ Comment ေရးရင္ Link ပါထပ္ထည့္ခ်င္တဲ့ ဘေလာ့မိတ္္ေဆြမ်ားတြက္ Comment Box မွာ Link ...

ဘေလာ့ Comment Box ေပၚမွာ Facebook နွင့္ Twitter Box ေပါင္းထည့္နည္း

<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔တင္ေပးခ်င္တဲ့ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့မွာ Blogger Comments Box , Tweets Box ႏွင့္ Facebook Comments Box ေတြကုိ တစ္ၿပဳိင္တည္း တြဲသုံးလုိ႔ရေအာင္ လုပ္နည္း/ထည့္နည္း ေလးပါ။ ဒီ နည္းေလးကုိ က်ေနာ္တုိ႔ ျမန္မာဘေလာ့ေတြမွာေတာ့ သုံးတဲ့သူမရွိဘူးလုိ႔ေတာင္ေျပာရလွ်င္ မွားမယ္မထင္ပါဘူး။ မႀကဳိက္ၾကတာလာေတာ့ မသိပါ။ ဘာပဲျဖစ္ျဖစ္ထည့္သုံးခ်င္တဲ့ ဘေလာ့မိတ္ေဆြမ်ားရွိရင္ အလြယ္တကူ ထည့္လုိ႔ရေအာင္ မွ်ေ၀ေပးလုိက္ပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link နဲ႔ တကြ ထည့္နည္းနွင့္ လုိအပ္တဲ့ Cond ေတြလည္း ထားေပးပါတယ္။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBdOpF7PbovbYE94BmKLNizkpTniohw3lX3CVrJqI-TVdkOV1l7Iw9WMUG96e6Cxd8TjqYvASpM_xZ_EbWwtgoklT8ihmslh0b1uJU9IfygPdgDbt1pTNbtypOGNs-qZ6ttLAVoIF1lSA/s1600/box.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBdOpF7PbovbYE94BmKLNizkpTniohw3lX3CVrJqI-TVdkOV1l7Iw9WMUG96e6Cxd8TjqYvASpM_xZ_EbWwtgoklT8ihmslh0b1uJU9IfygPdgDbt1pTNbtypOGNs-qZ6ttLAVoIF1lSA/s1600/box.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://tm-democond.blogspot.com/2012/11/back.html" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-size: x-large;"><b>အဆင့္္ ၁။</b></span> Facebook API ID ကုိ <a href="https://developers.facebook.com/apps" target="_blank" title="Register Facebook API ID Click Here..">ဤေနရာေလးမွာ</a> ၀င္ၿပီး Register လုပ္ယူပါ။<br />
<br />
<span style="font-size: x-large;"><b>အဆင့္ ၂။ </b></span>Twitter API Key ကုိ <a href="http://dev.twitter.com/apps/new" target="_blank" title="Register Twitter API Key Click Here..">ဤေနရာေလးမွာ</a> ၀င္ၿပီး Register လုပ္ယူပါ။<br />
<br />
<span style="font-size: x-large;"><b>အဆင့္ ၃။</b></span> ေအာက္ပါအတုိင္း ၀င္ေရာက္ထည့္ေပးလုိက္ပါ။<br />
<br />
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br />
၂။ Template<br />
Cond ေပါင္းထည့္ရမွာ စိတ္မခ်ပါက <a href="http://mrthangming.blogspot.com/2012/11/how-to-backuprestore-your-blogger.html" target="_blank" title="Take a Backup/Restore of your template">Backup/Restore</a> အရင္လုပ္ေပးသင့္ပါတယ္။<br />
<br />
၃။ Edit HTMl<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHfgFBrshrABhXuNz_3i6lK4gr6ZFUSlCQlE3e21rqq8om6dJCjgGAeGuuZVIOamZFg_8qjsq3YNDZmCyr6dnZLzOXOpDiO5MyOTYdZP7Fpe-ss4Rdh-06_Zv11jCXaeoRM-bOBxBhrcE/s1600/%E1%81%86%E1%81%8B+Edit+HTML.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" title="Tick the Expand Widget Templates check box on top right of the HTML window...."><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHfgFBrshrABhXuNz_3i6lK4gr6ZFUSlCQlE3e21rqq8om6dJCjgGAeGuuZVIOamZFg_8qjsq3YNDZmCyr6dnZLzOXOpDiO5MyOTYdZP7Fpe-ss4Rdh-06_Zv11jCXaeoRM-bOBxBhrcE/s1600/%E1%81%86%E1%81%8B+Edit+HTML.png" /></a>၄။ Proceed<br />
Expand Widget Templates ကုိအမွန္ျခစ္ေပးလုိက္ပါ
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxz1mFb7tWnisQzytpbnDy2NrH9Dmka3QObLAWIY1cFSrFkwfvK7cABckjTKMYaqw54Yx5Ud3I8ToQgTOU-fThL_0FBlc55JMkOYQVVDngmfJzfro5eliRa-DsNfztEDi622juCivvcYI/s1600/box.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxz1mFb7tWnisQzytpbnDy2NrH9Dmka3QObLAWIY1cFSrFkwfvK7cABckjTKMYaqw54Yx5Ud3I8ToQgTOU-fThL_0FBlc55JMkOYQVVDngmfJzfro5eliRa-DsNfztEDi622juCivvcYI/s200/box.png" width="200" /></a>၅။ ေအာက္က  Cond ေလးကုိရွာပါ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။<br />
<br />
<pre class="cpp" name="code"><head>

</pre>
<br />
၆။ ေတြ႕ၿပီးဆုိရင္ <head> ရဲ႕ ေအာက္မွာ ေအာက္က Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code"><meta content='သင့္ နာမည္ ထည့္ပါ' property='fb:admins'/>

</pre>
<br />
<span style="font-size: x-large;"><b>မွတ္ခ်က္။   ။</b></span>သင့္ နာမည္ ထည့္ပါ(ဥပမာ-Mr ThangMing) , သင့္ Facebook API ID ၁၅ လုံးကုိထည့္ပါ(ဥပမာ-***************) , သင့္ Twitter API Key ထည့္ပါ ဆုိတဲ့ ေနရာေလးေတြမွာ မွန္ေအာင္ထည့္ ေပးပါ။<br />
<br />
၇။ ၿပီးရင္ ေအာက္က Cond ကုိ ထပ္ရွာပါ။<br />
<br />
<pre class="cpp" name="code"><div class='comments' id='comments'>

</pre>
<br />
<span style="font-size: x-large;"><b>မွတ္ခ်က္။   ။ </b></span><div class='comments' id='comments'> ဟာ ၂ Cind ရွိပါတယ္။ ဒုတိယ Cond ေအာက္မွာ ေအာက္က Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။ အဆင္မေျပ ရင္ ေအာက္က ပုံကုိ ၾကည့္ပါ။<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR_QivhNlku6KcnJS2rEqOrna1fxrSNKOeqddNTeKhcA84o9eb4zwU2OhsMMrXymBFoQqinYNtDDGhqUyi6Zf8U52eVajjgu1qLgNyXSwDo-e1UL36ef1bcVl9lFZ2X4MtXlZw2LZN4SQ/s1600/html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR_QivhNlku6KcnJS2rEqOrna1fxrSNKOeqddNTeKhcA84o9eb4zwU2OhsMMrXymBFoQqinYNtDDGhqUyi6Zf8U52eVajjgu1qLgNyXSwDo-e1UL36ef1bcVl9lFZ2X4MtXlZw2LZN4SQ/s1600/html.png" /></a></div>
<br />
<br />
<pre class="cpp" name="code"><b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<data:post.numComments/> Blogger Comments Box

</div>

<span class='js-page-tweet-count' expr:href='data:post.url'/> Twitter-Tweets Box

</div>

<fb:comments-count expr:href='data:post.url'/> FaceBook Comments Box

</div>

</b:if>

</div>

</div>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<fb:comments expr:href='data:post.url' num_posts='10' width='500'/>

</b:if>

</div>

</pre>
<br />
<br />
<span style="font-size: x-large;"><b>မွတ္ခ်က္။  ။</b></span>သင့္ Twitter API Key ထည့္ပါ , သင့္ နာမည္ထည့္ပါ ဆုိတဲ့ ေနရာေတြမွာ မွန္ေအာက္ထည့္ေပးပါ။<br />
<br />
၉။ အားလုံးၿပီးၿပီးဆုိရင္ Save Template Button ေလးကုိ ႏွိပ္ေပးလုိက္ပါ။ အဆင္မေျပတာေလးေတြကုိ Comment Box မွာ ေမးလုိ႔ရပါတယ္ဗ်ာ။ က်ေနာ္တုိ႔ ဖက္က အတတ္နုိင္ဆုံး ျပန္ေဆာင္၍ေပးသြားမွာပါ။</div>

ဘေလာ့ Comment Box ေပၚမွာ Facebook နွင့္ Twitter Box ေပါင္းထည့္နည္း

ဒီေန႔တင္ေပးခ်င္တဲ့ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့မွာ Blogger Comments Box , Tweets Box ႏွင့္ Facebook Comments Box ေတြကုိ တစ္ၿပဳိင္တည္း တြဲသုံးလုိ...

How To Add A Comment Bubble Just Next To Blogger Post Titles

<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
ဒီေန႔တင္တဲ့ ပုိ႔ေလးကေတာ့ 
ဘေလာ့ပုိ႔(စ္)ေခါင္းစဥ္မွာ ထုိပုိ႔(စ္)ရဲ႕ Comment  ဘယ္နွစ္ခုရွိလဲဆုိတာေလးကုိ ေဖာ္ျပေပးနုိင္တဲ့ Box / မွတ္စဥ္ ေလးထည့္နည္းေလးပါ။ က်ေနာ္တုိ႔ ျမန္မာ ဘေလာ့ေတြမွာေတာ့ သုံးတဲ့သူ မရွိသေလာက္ပါပဲ။ မႀကဳိက္ၾကတာလားေတာ့မသိပါ။ ႀကဳိက္တဲ့မိတ္ေဆြရွိခဲ့ရင္ ယူသုံးနုိင္ေအာင္တင္ေပးလုိက္တာပါ။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link နွင့္ တကြ Cond ထည့္နည္းနဲ႔ Cond ကုိလည္းေပးထားပါတယ္။<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbPjzgEpnkqcL4w51Dd_7MwmbBBs7zY0b6737t-XeQjDHSyW-gi9t4IfmySMfR2J5S5dHeODUQ5NIALLrAzNNFAy4N8-Zndl6S3tPsL8ELxmsvpm3eOX0TM0kyA64tnsL9m_3zBh3HPQI/s1600/box.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" title=" A Comment Bubble Just Next"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbPjzgEpnkqcL4w51Dd_7MwmbBBs7zY0b6737t-XeQjDHSyW-gi9t4IfmySMfR2J5S5dHeODUQ5NIALLrAzNNFAy4N8-Zndl6S3tPsL8ELxmsvpm3eOX0TM0kyA64tnsL9m_3zBh3HPQI/s1600/box.png" /></a></div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://tmdemoblog.blogspot.com/" style="font-size: 100%;" target="_blank" title="Go Check Out The Demo Live.. "><img height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1T28UHnYJ5c-Ex3Ny43eJnOtCKu7-B5i89oMD567ndzdTkPp1fe3cKRx0wML9n1gBEjL1GQKWl3FDQaMGkarx4DR-ElThuqLOrbFtLAVoZiKijVBkhJJppCP25N1e44COnxUJle_gXw/s1600/live-demo-icon.jpg" width="180" /></a></div>
၁။<a href="http://blogger.com/" target="_blank" title="Enter Blogger">Sign In Blogger</a>
<br />
<br />
၂။ Template<br />
Cond ေပါင္းထည့္ရမွာ စိတ္မခ်ပါက <a href="http://mrthangming.blogspot.com/2012/11/how-to-backuprestore-your-blogger.html" target="_blank" title="Take a Backup/Restore of your template">Backup/Restore</a> အရင္လုပ္ေပးသင့္ပါတယ္။<br />
၃။ Edit HTMl<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHfgFBrshrABhXuNz_3i6lK4gr6ZFUSlCQlE3e21rqq8om6dJCjgGAeGuuZVIOamZFg_8qjsq3YNDZmCyr6dnZLzOXOpDiO5MyOTYdZP7Fpe-ss4Rdh-06_Zv11jCXaeoRM-bOBxBhrcE/s1600/%E1%81%86%E1%81%8B+Edit+HTML.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" title="Tick the Expand Widget Templates check box on top right of the HTML window...."><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHfgFBrshrABhXuNz_3i6lK4gr6ZFUSlCQlE3e21rqq8om6dJCjgGAeGuuZVIOamZFg_8qjsq3YNDZmCyr6dnZLzOXOpDiO5MyOTYdZP7Fpe-ss4Rdh-06_Zv11jCXaeoRM-bOBxBhrcE/s1600/%E1%81%86%E1%81%8B+Edit+HTML.png" /></a>၄။ Proceed<br />
Expand Widget Templates ကုိအမွန္ျခစ္ေပးလုိက္ပါ
<br />
<br />
၅။ ေအာက္က  Cond ေလးကုိရွာပါ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။<br />
<br />
<pre class="cpp" name="code">]]></b:skin>

</pre>
၆။ ေတြ႕ၿပီးဆုိရင္ <span style="color: blue;">]]></b:skin></span> ရဲ႕ အေပၚမွာ ေအာက္က Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။<br />
<br />
<pre class="cpp" name="code">.comment-bubble {

float: right;

width: 48px;

height: 48px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKzOMY2s69s0hqon1NXxCkbJqCEj4zj5fqFA_hBDuwE3XKvErfk47YsZB7PMvI9dN2nq4G_SGxrLitnD5ChOgKDDc2wG2wfgsk8CI0VqUxVONnJpVrGluXB9TTQx2gNADAXEEcMhOWbpB/s1600/blue.png) no-repeat;

font-size: 18px;

float: right;

margin-top: -15px;

margin-right: 2px;

text-align: center;

position: float;

text-align: center;
}

</pre>
၇။ ေအာက္က Cond ကုိ ထပ္ရွာပါ။<br />
<br />
<pre class="cpp" name="code"><b:if cond='data:post.link'>

</pre>
၈။ ေအာက္က Cond နွင့္ လဲေပးပါ။  "(<b:if cond='data:post.link'> ကုိ ျဖဳတ္ၿပီး ထုိေနရာမွာ ေအာက္က Cond ကုိ အစာထုိးေပးပါ)"<br />
<br />
<pre class="cpp" name="code"><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'>

</pre>
၉။ အားလုံးထည့္ၿပီးသြားရင္ Save Template ကုိ နုိပ္ေပးလုိက္ပါ။<br />
<br />
မွတ္ခ်က္။  ။ <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKzOMY2s69s0hqon1NXxCkbJqCEj4zj5fqFA_hBDuwE3XKvErfk47YsZB7PMvI9dN2nq4G_SGxrLitnD5ChOgKDDc2wG2wfgsk8CI0VqUxVONnJpVrGluXB9TTQx2gNADAXEEcMhOWbpB/s1600/blue.png">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKzOMY2s69s0hqon1NXxCkbJqCEj4zj5fqFA_hBDuwE3XKvErfk47YsZB7PMvI9dN2nq4G_SGxrLitnD5ChOgKDDc2wG2wfgsk8CI0VqUxVONnJpVrGluXB9TTQx2gNADAXEEcMhOWbpB/s1600/blue.png</a>  ဒီ Cond ကေတာ့ ပုံရဲ႕ Link ျဖစ္ပါတယ္။ ထုိေနရာမွာ မိမိႀကဳိက္တဲ့ ပုံ ရဲ႕ ေျပာင္းထည့္နုိင္ပါတယ္။ ေအာက္မွာ ပုံေတြကုိ က်ေနာ္ရနုိင္သေလာက္ စုစည္းေပးထားပါတယ္။ ပုံေပၚကုိ Mouse Pointer တင္ၿပီး Right ခ်လုိက္ပါ၊ ေပၚလာတဲ့ Message Box ထဲက Copy Image URL ကုိ ေရြးခ်ယ္ေပးလုိက္ပါ။<br />
<br /></div>
<img alt="how to blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdjJxFXXtQUWA58VZPyUyShOO_xwhLEcqfHs2W5h2Yb_bm_5sh_cpE-_yDm_dpHZ8NrWVkhyjg8BpRqMHB5CqN_LivrJ7L9Tj1Zsg7iVSS9ofCPWeQvQXHNNM_VmlS3O3PA5pIOAR4dUNM/s1600/blue+comment+bubble.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="comments bubble" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="blogger blogspot" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7z8JvIgBCyGqyASY8iusa_RMdE4-puULzgQ7MJIrHN-SnV0vkAtsN4L8nSXKW3X0plqmvx_UV4xeig3DRrnz9_R9E5JVFIEzGQ6UimAx8ZZ0Nt9tLDNCRK9tHyBG9jtUXLAsYyc3e8pUv/s1600/blue.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="speech bubble" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="blogspot blogger, how to blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6eQ_3PznE7e7dcauo9WyD8Y8Yl8v7neCA__YGGs80SvU0hyphenhyphenp0LfTnB3lsX6ncyGvz_j3DrJBmQLMoTnVRDIN_CB3L8BxDkLzCKdNfxTu35WCsK_SltETyUzzc9gJXb28HjChpPIWjBBrl/s1600/bubble.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="speech bubble 3" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="widget blogger blogspot" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi9cHykrQ7KmD3t2y21I9aTSAc87x4OZDGWbC8-mSecKCkjLa4NDBzEqYLqif5azpPQv0YJTxocjgvs4fiKSxLvhi_ql2NWrHoO3fBbVmxMxpNbut6fJqAWO7PICFGAztG7FAH6kAoEKZe/s1600/cloud.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="speech bubble 4" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="blogs, how to blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp_iSKSX6kudmZHJqI8hb0b25JEoLLkUZRKqd3z3BQoxsfC2qeQJUUmET1ciCOoKCFYZbTwddBh1pE94Sp32Uw3-BmrzSOAzDmTxoMhGPzYDNT7CP25uuB5LsLcAyt9jaCDt3iH1cQDI6g/s1600/comment+6.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="speech bubble 5" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">     </span><img alt="blogspot or blogger, how to blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMH1V-zfE7EM5Hh1jp_O48pVInCFPeidnxFW4xk3VXVbfxVTXFzYVS9A5LcSGT2Io-OosiOwGz_H31VqnwwXSzBfhMx3hMvy7xM0NqQgUWaDFHQgpmfah2eZDhlL_IZ9B_v97HrYe3Fxn/s1600/comment+bubble+1.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="speech bubble 6" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="tutorials, how to" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCRSOlnEAiQl347a2qNf6zUVWLvcO7mmivM_b7xieGd2UKME5G76WizxckZriU1SMzqqKpBVqg_gWAdb6cpvgi-CGwTIoUClOFOa2KEM5-g6pAzxNvxTdT1ncJ3lqhquBqCINCBzoZmFrj/s1600/comment+bubble+2.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="speech bubble 7" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="comments, how to, blogspot blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkh4J_uvPpcL8cv5ipmvbVo5jMOJbHUhHwoXycJLdMGULzshYGq4So1gyUqUVFdJdAdLXZpSMHF9N95silrxE9IOb8IrsVo-FZ-Ha7-EvHuOPRM16ZqB_YCBHxtZl0hLXHuJqlYYpbofOY/s1600/comment+bubble+green.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="speech bubble 8" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="new comment, how to blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGcfWoH6-1j4WUlNfe90PD-AQOnLnK5edZESy7r3nAJQ89DpGMIbmspKKXzRE2oMXHtFfbQku__lgJJtDtOgTHKcWQcOpBrqv1kDaR8bG8gFBWked47zzReE4buIZBYpLoaaXKWAk-MaK4/s1600/comment+bubble+red.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="speech bubble 9" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="blog design, blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-5Df6241hMaB3MFBYQHlyykFGhcjdsjy1e0adbfHbCSgvfWevLJB0sm_6LgKGmAxT2lJvR6fY7t1UdD-3DwjoAQQ2m65Xp_Op5mIA6LkV-0qUZAPt2A2r_pDDiAG3ec4B9fbNf0QwfmYP/s1600/green+comment+bubble.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="speech bubble 10" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;"> </span><img alt="blogger.com" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL7dGMMluBPi7HGP2HaG4eATl6t8CAb1Iq0LlTIuD3uHrDDll59u1XpJb9zh4H3oyJLy7j2146hTXwx4O2s0QZJ0WgEEfRJrLvy0fGuxMcjP5Uk-2nqEH0TpPctCWhjzEkc1ZWA0b-Kq4U/s1600/grey+cloud.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="speech bubble 11" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">  </span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXB3G8o2h1jj3I1N7BsuPnTGNYrlAV5xyVcA6OVuVEEe8uUAW-npSlHxyhOKaXefCm-iBt-lr0-jiX0pyJwx3SgSj_WL5Bj0i_mCOGeqMWUiCpyvFaT35uDU3kzlXwWRzftGSPaPnL-4g/s1600/heart+1.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">  </span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9FM85CkNKM-8yDlCFsM_t1cJIwxh7RCh_QNDno4SG8QUtM2CgkfreP62aSzLoVCjBZChvoYmVGMHBhSCP0-n6LZk55rEvWYdJ2Yzkw9ik801txselLRouIdYu8J96_w0Fi4g1dF6bK-dZ/s1600/pink+comment+bubble+2.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEYRDs2JcEtLQSSVtaou8lbrCBM-YPHPdRlUT-GptUYtKITg0Dxi195QoqLJiK_7ty9crFfOAgcVBV5wBYTiTjmwhJVdGdr3k4SdNnmM3V5sB825BilIJfa3E19Wp5C1DPnDkJznoi0rfd/s1600/pink+comment+bubble.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCFyxbKhFhoP1nFjbId_BvXY5eiGEO_2BujooWVMVfdkWJ6nNkA3sPgi8YHOsfgTo-xu-l2kMTKu2lUfX-VunrL9s9aqWI_-Cp61qi9DTHrakXBGj6MgdHswRyQBBtnm0afG411G7PNE-M/s1600/pink+comment.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0ktEjPlNJAAhssy4vtl6b4ARV9bMjAbMvqg3AJAKPG89vxPkhM5V2H6YN6OF2jUZfLNcCIMyYtJlNsmqc1use7-IPrItwkXFLJOJXbqc8HTs8L9mewrzWuhr49WXkJPceZn_trdzw5Uj/s1600/round.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">   </span><img alt="bubble comment count, bubble blogger posts" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYmeyFKl4uJktnwSmQcOP1LcNZLn1glzrZfBRflxQjHbtn9NMdVku3tonbr6-EopCkZVk9OKNYCQzVlG7hyJq4vGS-pC82V_IFuHAyVjw_yMDIYwOBwdFpWPXBpVmMLaWS5ZsknIcUY0fa/s1600/4.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="how to add bubble comment count" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">   </span><img alt="blogger comments, comment count" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv6VFCl3yb2C1koK-rLCxFhakQmRvNm0W9645vDZ_pOXp6A_VEGWaIM1lS9yPCnzdFOYp_KbEISnU9oEyN5ZpStJhUVqBbjULIQYaHqrcFHHxFUelsJ2GrVZuQ0HjXKWkfrx_-zf2yJgR7/s1600/2.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="How to add Bubble Comment Count" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="blogger blogspot, blogger comments" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrXnt0omTVRqtU9rXFEITuCAABXocpXOOkKkNMflyKwMl93bHoJXFWJh9sZ_gB0mPD2WL8ULMF410Bd___FrRVDl4yIy9cRX5ZxH8RznYPPzrNbQ1ySX8tELfhhneG9FrUG5Tm5vaDfqnr/s1600/3.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="How to add Bubble Comment Count" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">   </span><img alt="blogger bubble comment count" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTwgtecpe6ooynFBxJufEIX4XEsemgcP7QowoJTwcIyjgbI3yIJ2A33wdfUeHA6qh8TS8dhQjEi4cFrXZgyHfNSure9fA5cyo7BkDgMW_h63K1-c-p8utPqg1OqJQXrO8YX6JDciQa4tzm/s1600/blue+2.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="How to add Bubble Comment Count" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">   </span><img alt="comments in blogger titles" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEKzOMY2s69s0hqon1NXxCkbJqCEj4zj5fqFA_hBDuwE3XKvErfk47YsZB7PMvI9dN2nq4G_SGxrLitnD5ChOgKDDc2wG2wfgsk8CI0VqUxVONnJpVrGluXB9TTQx2gNADAXEEcMhOWbpB/s1600/blue.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="How to add Bubble Comment Count" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="blogger tips, blogger tricks" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgX2ZgOfip6Ek-6P0FIQVOVnvqXp_WX5L1WknT7ldWTiynSaPnnQ5UG9UTVLpIzSzz5XuMTn3gHrbH-W4lE6Subi6EoE_gYoXRQrR4Z__rMrgD2PjHyh0DycaSlTsYOm1Ffpp5qjhiJZFB/s1600/cloud+bubble.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="How to add Bubble Comment Count" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">   </span><img alt="blogger widgets, bubble comment count" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3BEhNcZaruX6T-w7eDQ9SDQcj3DVzrIJpw2Sda7qdiyICMpYXv-eiBe0yZeVPzYucukLQio1hzqjlI-kITEuunW6MKfvJSFDwSrs4WTNGb8JPrvNhIt9MxugREsh_1uH_CYoxzaqlT2BM/s1600/cloud.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="How to add Bubble Comment Count" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="bubble comment count" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFS0hcfGnLoFchkf3L9ybbeXeult75gpdUJ09axiUinWKQjNF2YoA15hZC_STnAagxlMSbu6cGyUs1Wyt3bZIMerKa30y_wuKL80t-h4Rcc-fJkbKrTeVdtXLg9mgjPedQEeuuwvQCWI_M/s1600/comment+1.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="How to add Bubble Comment Count" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="Bubble Comment Count" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxXKD_c4xosjByc2-nVHUDirENglhvOeoLuH35MTdfTaImKi7-4-0J0AS8vgPGnKX-qrXH8-rl8Y3H4pVjL7kpOP8-i1ivX6BAdtKBcJhes9miy3P35LavymbRxAdOuMdJuKCAmhiKUoEL/s1600/comment+bubble.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="How to add Bubble Comment Count" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img alt="Bubble Comment Count, blogger blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEGYEEtrddE7XdlbAzIJcdevnkLiRoiIgrlXf6-x7BstIyD8XpRJlZLtsLfm1EFeVKyVX7kJIQCxHhOVqohb0wPRiJ4PzpuHzusBcpzdb3UTD-tFhFovY4y27ECmfwnRShBBAVNUpqRyt-/s1600/devil+comment+bubble.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="How to add Bubble Comment Count" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">   </span><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4PWoW6_6KjocYadChWjRRBmOgMjCQfOhC7_DmiLkrNmUDHlxus4s9zRbKjYYz587b7zHB-gYTInkTv8kenYSArNS9pZPZwRzk84OvmKHn_gDYAmR9KRiYo3UXtGnUtNOUB199-H-K4Txc/s1600/funny+comment.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Bubble Comment Count" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgONaV57MagkOcnrpqbI9ipqWZUR_AkOIDl4i37nVczk8kw2kMiBRH3fb32n7pWXU-hSZre8EUwSCUrz5OgTd-5lDSRuLyji9KOrbXKsJQmIs_3gaI5zVIm5Ba6jkFyW9rp0g3lgH1NilGC/s1600/pink+bubble+icon.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnqmBugWmlr21a8MdFilPhegnciX-45eyV_yRDzjMri1EyrMn5nnWmUtckKlw5EJFrpm_vFk8rdcN5soxQtFfrA3JtxvrSebb5B9MYpAD62o3CFoZCVuD-HdFxB9cJUkh6J4LuRd8gyJ7Z/s1600/speech+bubble+green.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhqPxl37vGrEuEEHROhMaxGD1qcsi15qMWM4H2rGZrPOh_r89QNeUqx92fsmKs5CPr0pTytIJEclBTV_aZi0d5AAi8vLi_HM54F6Lu7oJFjPP_1eClDi3eaEp0p-NHG7yuq5F31uwOqnw5/s1600/bubble+comment.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;"> </span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizD9ftKuXllwNt8E3gIFhylr33QKL8gEWveuzRMYdeoZCoFLxyXahZpzbRmqsRSZZxdVAmGjw1UfhW0THxoSB8jAbxQLGmJBuvUnG8n6zWo2S5RmejWTUvGXtHABvycvY4Qi4Ul3w0DZ5D/s1600/comment+bubble2.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb6UuHYJz1VdPOoFXHDuwE1c_P6GHQQP3OcrnBTuyfab3VHPNdPlb7v-jNObuL-MoxR4lm9DJA4-k8pYkWhdNQjW9TGPx4KyBGK_WcFQ9Ffd9XG2cloaZVcKsnaDKfDXzdfjFhnMylry7q/s1600/comment+bubble3.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4LuE6LLyVZpK69kchZbcl81rvYwWjxPg9chTv9X_MdHCr3UwsFekhlzlQbN6RKYq6gpBtstaLHQT24weCUxYGJhMr1XriZBlmSVZLuO52VDN2wq45_04YZskB52oQ_L91b2Pg-NXe5wFJ/s1600/comment+bubble4.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcJSsCYLcrxEXNMeUcD94xF37B1mk8pyi41F4nlWL_pby3lZ5KwBxDti4CXf-NxYfKeAZj8dBD8535w7e964ExOG47SZlD3mUiHrMUBhugkgjpkgnKhPXCflg9AmvBRMNntlprvCgrlQqO/s1600/comment_bubble.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /><span style="background-color: white; color: #343333; font-size: 12px; line-height: 20px;">    </span><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimMwRHDunNsuQyXQGhVqwmUW1qeHVjcyLjAfTTiYAUCpwKDSXpTjcH038j-p1WB5pfOe8Kw2Jhge0nfIdQo40y3r1VCVShy6Yf1w-7qJ0_M9Hee1axFXxpeaTrgBb0Pfixvigorx73skR9/s1600/text_comment_bubble_comments.png" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: none; border-color: initial; border-image: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; color: #343333; font-size: 12px; line-height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />

</div>

How To Add A Comment Bubble Just Next To Blogger Post Titles

ဒီေန႔တင္တဲ့ ပုိ႔ေလးကေတာ့ ဘေလာ့ပုိ႔(စ္)ေခါင္းစဥ္မွာ ထုိပုိ႔(စ္)ရဲ႕ Comment ဘယ္နွစ္ခုရွိလဲဆုိတာေလးကုိ ေဖာ္ျပေပးနုိင္တဲ့ Box / မွတ္စဥ္ ေလး...

Mr ThangMing

Recent Comments Widget with Avatars To Blogger Generator

ဘေလာ့မွာ Blogger နွင့္ Google+ Comments Box ၂ခုစလုံး တြဲသုံးလုိ႔ရေအာင္ ထည့္နည္း

ဘေလာ့မွာ Google+ Comments ထည့္သြင္းအသုံးျပဳနည္း

How To Add Embed YouTube Videos In Blogger Comments Box

How To Add Link In Comment Box

ဘေလာ့ Comment Box ေပၚမွာ Facebook နွင့္ Twitter Box ေပါင္းထည့္နည္း

How To Add A Comment Bubble Just Next To Blogger Post Titles

Activity Find

Labels

Archives