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

ဒီေန႔တင္ေပးခ်င္တဲ့ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့မွာ Blogger Comments Box , Tweets Box ႏွင့္ Facebook Comments Box ေတြကုိ တစ္ၿပဳိင္တည္း တြဲသုံးလုိ႔ရေအာင္ လုပ္နည္း/ထည့္နည္း ေလးပါ။ ဒီ နည္းေလးကုိ က်ေနာ္တုိ႔ ျမန္မာဘေလာ့ေတြမွာေတာ့ သုံးတဲ့သူမရွိဘူးလုိ႔ေတာင္ေျပာရလွ်င္ မွားမယ္မထင္ပါဘူး။ မႀကဳိက္ၾကတာလာေတာ့ မသိပါ။ ဘာပဲျဖစ္ျဖစ္ထည့္သုံးခ်င္တဲ့ ဘေလာ့မိတ္ေဆြမ်ားရွိရင္ အလြယ္တကူ ထည့္လုိ႔ရေအာင္ မွ်ေ၀ေပးလုိက္ပါတယ္။ ေအာက္မွာ Demo သြားၾကည့္လုိ႔ရေအာင္ Link နဲ႔ တကြ ထည့္နည္းနွင့္ လုိအပ္တဲ့ Cond ေတြလည္း ထားေပးပါတယ္။

အဆင့္္ ၁။ Facebook API ID ကုိ ဤေနရာေလးမွာ ၀င္ၿပီး Register လုပ္ယူပါ။

အဆင့္ ၂။ Twitter API Key ကုိ ဤေနရာေလးမွာ ၀င္ၿပီး Register လုပ္ယူပါ။

အဆင့္ ၃။ ေအာက္ပါအတုိင္း ၀င္ေရာက္ထည့္ေပးလုိက္ပါ။

၁။Sign In Blogger

၂။ Template
Cond ေပါင္းထည့္ရမွာ စိတ္မခ်ပါက Backup/Restore အရင္လုပ္ေပးသင့္ပါတယ္။

၃။ Edit HTMl

၄။ Proceed
Expand Widget Templates ကုိအမွန္ျခစ္ေပးလုိက္ပါ

၅။ ေအာက္က Cond ေလးကုိရွာပါ။Ctrl + F ကုိတြဲနုိပ္၍ရွာပါ ၊ ရွာရလြယ္ပါတယ္။

<head>

၆။ ေတြ႕ၿပီးဆုိရင္ <head> ရဲ႕ ေအာက္မွာ ေအာက္က Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။

<meta content='သင့္ နာမည္ ထည့္ပါ' property='fb:admins'/>

<meta content='သင့္ Facebook API ID ၁၅ လုံးကုိထည့္ပါ' property='fb:app_id'/>

<script src='http://code.jquery.com/jquery-latest.pack.js'/>

<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>

<script src='http://platform.twitter.com/anywhere.js?id=သင့္ Twitter API Key ထည့္ပါ&amp;v=1'/>

မွတ္ခ်က္။ ။သင့္ နာမည္ ထည့္ပါ(ဥပမာ-Mr ThangMing) , သင့္ Facebook API ID ၁၅ လုံးကုိထည့္ပါ(ဥပမာ-***************) , သင့္ Twitter API Key ထည့္ပါ ဆုိတဲ့ ေနရာေလးေတြမွာ မွန္ေအာင္ထည့္ ေပးပါ။

၇။ ၿပီးရင္ ေအာက္က Cond ကုိ ထပ္ရွာပါ။

<div class='comments' id='comments'>

မွတ္ခ်က္။ ။ <div class='comments' id='comments'> ဟာ ၂ Cind ရွိပါတယ္။ ဒုတိယ Cond ေအာက္မွာ ေအာက္က Cond ကုိ ထပ္ထည့္ေပးလုိက္ပါ။ အဆင္မေျပ ရင္ ေအာက္က ပုံကုိ ၾကည့္ပါ။

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

<div class='js-default-tab comments-tab' id='blogger-comments' title='Comments From Blogger'>

<data:post.numComments/> Blogger Comments Box

</div>

<div class='comments-tab' id='twitter-comments' title='Comments With Twitter Follow'>

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

</div>

<div class='comments-tab' id='fb-comments' title='Comments Made On Facebook'>

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

</div>

</b:if>

<div class='clear'/>

</div>

<div class='comments-page' id='twitter-comments-page'>

<div data-bitly-key='သင့္ Twitter API Key ထည့္ပါ' data-bitly-login='သင့္ နာမည္ထည့္ပါ' data-publisher='johnthangming' id='js-tweet-box'/>

</div>

<div class='comments-page' id='fb-comments-page'>

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

<div id='fb-root'/>

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

</b:if>

</div>

<div class='comments comments-page' id='blogger-comments-page'>

မွတ္ခ်က္။ ။သင့္ Twitter API Key ထည့္ပါ , သင့္ နာမည္ထည့္ပါ ဆုိတဲ့ ေနရာေတြမွာ မွန္ေအာက္ထည့္ေပးပါ။

၉။ အားလုံးၿပီးၿပီးဆုိရင္ Save Template Button ေလးကုိ ႏွိပ္ေပးလုိက္ပါ။ အဆင္မေျပတာေလးေတြကုိ Comment Box မွာ ေမးလုိ႔ရပါတယ္ဗ်ာ။ က်ေနာ္တုိ႔ ဖက္က အတတ္နုိင္ဆုံး ျပန္ေဆာင္၍ေပးသြားမွာပါ။

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

Post a Comment Blogger Facebook

Activity Find

Labels

Archives

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

Next

Newer Post

Previous

Older Post

Post a Comment Blogger Facebook