မိမိရဲ႕blog မွာ facebook comment box ထည့္မယ္။

မိမိရဲ႕ဘေလာ့မွာ လွလွပါ့ပါ့ေဖ့ဘုတ္ ေကာ့မက္ေဘာက္ေလး ထည့္ခ်င္တဲ့သူေတြအတြက္ပါ။။ပထဆံုး ကၽြန္ေတာ္ တို႕ https://developers.facebook.com/apps/?action=create မွာ new application တစ္ခုျပဳလုပ္ ဖို႕လုိပါမယ္။အဲ့ဒီအတြက္ မိမိတို႕မွာ facebook account ရွိဖို႕လိုအပ္ပါတယ္။

1.create new application(အေပၚလင့္ကိုနွိပ္လိုက္ပါ)ေအာက္ကပံုအတိုင္းက်လာပါမယ္။

ခုျမားျပထားတဲ႕ေနရာမွာ မိမိထည့္ခ်င္တဲ့ application name ကိုထည့္ေပးပါ ။နွစ္ခုမတူပါေစနွင့္။
ျပီးရင္ continue ကိုနွိပ္ပါ။
2.ဒုတိယေအာက္တြင္ျပထားေသာပံုအတိုင္းျဖစ္လာပါမည္။

ပံုတြင္အနီျဖင့္၀ိုင္းျပထားေသာေနရာတြင္ app id ရွိပါသည္။၄င္း id နံပါတ္အား note ျဖင့္မွတ္ထားပါ။

3.ျပီးလ်င္ေအာက္ပံုတြင္ျပထားသည့္အတိုင္း ညာဘက္ေထာင့္တြင္ရွိေသာ edit setting ကိုနွိပ္ပါ။

4.ယခုေအာက္ပံုေတြင္ျပထားတာမ်ိဳးေလး ျဖစ္လာပါမည္။

ပံုတြင္အနီျဖင့္၀ိုင္းျပထားေသာ app domain ေနရာတြင္ မိမိ တို႕ရဲ႕ hosting site မူရင္းအားထည့္ေပးပါ။

ကၽြန္ေတာ့ဆိုဒ္သည္ blogspot.com ဆိုဒ္ျဖစ္သျဖင့္ ၄င္း ေနရာတြင္ blogspot.com ဟုရိုက္ထည့္ထားပါသည္။ ေအာက္တြင္ အျပာေရာင္ခ်ယ္ထားေသာ website ေခါင္းစဥ္ေအာက္ site url 

ေနရာတြင္ မိမိတို႕ရဲ႕ ဆိုဒ္လိပ္စာကိုထည့္ပါ (url)။ဥပမာ-ကၽြန္ေတာ့္ဆိုဒ္ http://aungchanphyo.blogspot.com/ ပါ။(အျပည့္အစံုထည့္ရန္လိုပါသည္)။ျပီးလ်င္ save changes 

ကိုနွိပ္ပါ။(facebook အပိုင္းတြင္ လုပ္လို႕ျပီးပါျပီ) မိမိ app id ကိုမွတ္ထားပါ။

5.ေနာက္တစ္ခုက မိမိရဲ႕ဘေလာ့ထဲကို ၀င္ပါ။ျပီးလ်င္ desing ကို နွိပ္ပါ။

6.ျပီးလ်င္ edit html ကိုေရႊးပါ။

7.ေပၚလာေသာ box တြင္ " Expand Widget Templates" ကိုအမွန္ျခစ္ေပးပါ။

8.ျပီးလ်င္ ctrl+f ကိုနွိပ္ျပီး search box တြင္ <data:post.body/> 

ကိုရွာပါ။

ေတြ႕လ်င္<data:post.body/>  ရဲ႕ေအာက္တြင္ ေအာက္တြင္ ေပးထားေသာ code မ်ားအား ထည့္ေပးပါ။

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <p align='left'><img alt='' class='icon-action' src='http://lh4.googleusercontent.com/-HvqNmNXhkzY/TjATfsEVeSI/AAAAAAAAAjc/yMCvjARROZk/Screenshot.png'/></p>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: &#39;Your App Id&#39;, status: true, cookie: true,
  xfbml: true});
  };
  (function() {
  var e = document.createElement(&#39;script&#39;); e.async = true;
  e.src = document.location.protocol  +
  &#39;//connect.facebook.net/en_US/all.js&#39;;
  e.async = true;
  document.getElementById(&#39;fb-root&#39;).appendChild(e);
  }());
  </script>
  <fb:comments/>
  </b:if>

အနီေရာင္ျဖည့္ျပထားေသာ your app id ေနရာတြင္ မိမိတို႕facebook တြင္ျပဳလုပ္ထားေသာ မွတ္ထား

ေသာ app id နံပါတ္မ်ားကို ထည့္ေပးပါ။ျပီးလ်င္ save templates လုပ္ပါ။ ျပီးလ်င္ ဖြင့္ၾကည့္ပါက မိမိတို႕

ဘေလာ့တြင္ facebook comment box ေပၚေနတာကိုေတြ႕ရပါမည္။ မူရင္းcomment box ကိုေျဖာက္

ထားခ်င္ပါက setting ထဲမွ comments တြင္ hide ေပးျပီး save လုပ္ပါ။ 

အဆင္ေျပပါေစ....

မွတ္ခ်က္။     ။မိမိ ဘေလာ့အား ၾကိဳတင္ export ဒါမွမဟုတ္ download လုပ္ထားရန္လုိအပ္ပါသည္။