Saturday, October 8, 2011

blogger မွာ Facebook Comments ထည္႕ရေအာင္

ပထမဆံုး ဘေလာ႕ဂါမွာပါပီးသား ကြန္မန္႕ေဘာက္ကို မသံုးခ်င္ဘူးဆိုရင္ ဘေလာဂါအရင္၀င္ Settings > Commens ကိုသြားၿပီး hide လုပ္ေပးလိုက္ပါ။တကယ္လို႕ နွစ္ခုလံုး သံုးခ်င္တယ္ဆိုရင္ေတာ႔ မလိုအပ္ပါဘူး။

အခု Facebook Comments ထည္႕ဖုိ႕အတြက္ ေအာက္ကလင္႕ေလးကို နိုပ္လိုက္ပါ။


https://developers.facebook.com/apps

ေအာက္ကပံုေလးထဲကအတိုင္း ေပၚလာပါလိမ္႕မယ္။ပံုၾကီးၾကည္႕ခ်င္ရင္ ပံုေပၚကလစ္လိုက္ပါ။



ညာေဒါင္႕မွာ  Create New App ဆိုတာေလးရွိပါတယ္။နိုပ္လိုက္ပါ။


ေပၚလာတဲ႕ေဘာက္ထဲမွာ App Display Name မွာ My Comments လို႕ေ၇းလိုက္ပီး I agree to.. မွာ အမွတ္ေလးၿခစ္ေပးလိုက္ပါ။ၿပီးရင္ continue ကိုနိုပ္ေပးပါ။


အေပၚကပံုထဲကအတိုင္း ေဘာက္ထဲမွာ ေပးထားတဲ႕စာေတြရိုက္ေပးၿပီး submit လုပ္ေပးလိုက္ပါ။

ပံုထဲကအတိုင္း နံပတ္2 ေနရာမွာ ဒိုမိန္းနာမည္ေရးေပးပါ။blogspot ဆိုရင္ blogspot.com ေရးေပးပါ။ေရွ႕က နာမည္ပါစရာမလိုပါဘူး။ဥပမာ akyinnarnantaw.blogspot.com ဆိုရင္ blogspot.comဘဲေရးေပးပါ။
နံပတ္-3 ေနရာမွာ ကိုယ္႕ဆိုဒ္လိပ္စာအၿပည္႕အစံု ထည္႕ေပးပါ။ၿပီးရင္ save changes လုပ္ေပးပါ။မလုပ္ခင္ 
နံပတ္- 1 က App ID ကို ေကာ္ပီကူးထားပါ။

ၿပီးရင္ ဘေလာ႕ဂါ ၀င္ပါ။Design>Edit HTML ကို သြားပါ။Expand Widget Templates မွာ အမွတ္ၿခစ္ေပးပါ။

 <head>
 
 
ဆိုတာကို Ctr F နိုပ္ၿပီးရွာပါ။ ၿပီးရင္ ေအာက္ကစာေတြကို ေကာ္ပီကူးၿပီး ေအာက္ဘက္ကကပ္လ်က္ထည္႕ေပးပါ။

 <meta content='YOUR_FACEBOOK_APPLICATION_ID' property='fb:app_id'/>

  
YOUR_FACEBOOK_APPLICATION_ID ေနရာမွာ နံပတ္ 1က ID နံပတ္ကို ထည္႕ေပးပါ။




ၿပီးရင္ ေအာက္ကစာေတြကိုရွာေပးပါ။

<div class='post-footer-line post-footer-line-3'>

Or

<p class='post-footer-line post-footer-line-3'>
Or

<data:post.body/>
ေတြ႔ရင္ ေအာက္ကေနကပ္လ်က္ ေအာက္က ေပးထားတဲ႕ကုဒ္ေတြကို ထည္႕ေပးပါ။

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/>
</b:if>


width ကို လိုသလို ၿပင္နိုင္ပါတယ္။ ကာလာအတြက္ light နဲ႕ dark  နွစ္ခုရွိပါတယ္။
ၿပီးၿပီဆိုရင္

<html

ကိုရွာပါ။ထိုစာသားေနရာတြင္

 <html xmlns:fb="https://www.facebook.com/2008/fbml"
ကိုအစားထိုးေပးလိုက္ပါ။


အားလံုးၿပီးရင္ Save လုပ္ေပးလိုက္ပါ။တကယ္လို႔ မေသခ်ာရင္ preview နဲ႕ အရင္ၾကည္႕ပါ။
Comments ေတြကို ၾကည္႕ခ်င္တယ္ဆိုရင္ေတာ႕ http://developers.facebook.com/tools/comments မွာ သြားေရာက္ၾကည္႕ရွဴနိုင္ပါတယ္။ဒီ facebook comments က မူလစာမ်က္နွာ ပို႕စ္အားလံုးစုေနတဲ႕ ေနရာမွာ ေပၚမွာမဟုတ္ပါဘူး။ပို႕စ္တစ္ခုခ်င္းစီကို စာမ်က္နွာအသစ္ဖြင္႕လိုက္မွ ေပၚမွာၿဖစ္ပါတယ္။