ဘလော့ဂါ များအတွက် Facebook comments box

ရှည်ရှည် ဝေးဝေးတွေတော့ သိပ်ညွှန်းမနေချင်တော့ဘူးဗျာ Facebook comments box ကို ဘလော့ဂ် ကွန်မန့် နေရာမှာ အစားထိုး ထည့်ချင် သူတွေ ထည့်ရအောင် ဒီပိုစ့်လေး ကို တင်လိုက်တာပါ..။

နမူနာ အစမ်းကြည့်ချင်သူ စမ်းသပ် ချင်သူများ ဒီမှာ သွားရောက် ကြည့်ရှု စမ်းသပ် နိုင်ပါသည်..။

အဆင့် (၁) အနေနဲ့ blogger default comments ကို disable လုပ်ပေးရပါမယ်

ဘာလို့လဲ ဆိုတော့ ကွန်မန့် နှစ်ခုမှ မလိုအပ်တာ ကွန်မန့်ပေးသူများကလဲ နှစ်ခါတော့ ထပ်ရေးမယ် မထင်ပါ :P
settings >> comments ထဲကို သွားလိုက်ပါ ပြီးရင် comments ကို Show လို့ လုပ်ထားတာကို Hide လုပ်ပေးလိုက်ပါ အဲလိုလုပ်လို့ သင့်ရဲ့ ကွန်မန့်အဟောင်း တွေ မပျောက်ပျက်သွားပါဘူး အချိန်မရွေး Show ပြန်လုပ်ပြီး ပြန်ဖော်လို့ ရပါတယ် ပြီးရင်တော့ အောက်ဆုံးကို ဆင်းပြီး Save Setting ပေါ့ဗျာ..။

အဆင့် (၂) အနေနဲ့ သင့်ရဲ့ Facebook App ID ကို Generate လုပ်ရပါမယ်

ဟောဒီ လင့်လေးကို သွားလိုက်ပါ facebook developers
အဲဒီမှာ အောက်က ဖော်ပြပါ ပုံလေးထဲက အတိုင်း တွေ့ရမှာပါ လိုအပ်သလို ဖြည့်လိုက်ပါ မိမိ ဘလော့ဂ် လိပ်စာကို မှန်ကန်အောင် ထည့်ပါ. အဓိက App ID ရဖို့ ပါ

အဲဒါပြီးသွားရင် Setting ကို ရောက်သွားပါမယ် အဲဒီမှာ ဒီလိုမျိုးလေး ရေးထားတာ တွေ့ပါမယ်

လင်းထက် is now registered with Facebook. You can edit your application settings at any time in your Developer Dashboard.

အဲဒီမှာ Developer Dashboard. ဆိုတဲ့ လင့်လေးကို နှိပ်ပြီး ဆက်သွားလိုက်ရင် အောက်က ပုံလေး အတိုင်း တွေ့ရပါမယ်..

ဒါဆိုရင် အနီနဲ့ ဝိုင်းပြထားတာက ကျွန်တော်တို့ လိုအပ်တဲ့ facebook App ID ပါအဲဒါ ရပြီဆိုရင်တော့ နောက်တစ်ဆင့် ဆက်သွားကြရအောင်..။

အဆင့် (၃) တန်းပလိတ်တွင် လိုအပ်သော ကုဒ်များ ထည့်ခြင်း ..

Dashboard ထဲကနေ Design ထဲက Edit HTML ကို သွားလိုက်ပါ ပြီးရင် Expand Widget Templates ကို အမှန်ခြစ်လေး ခြစ်ထားပေးပါ ပြီးရင် ဒီကုဒ်လေးကို ရှာပါ

<html

များသောအားဖြင့် တန်းပလိတ် ထိပ်ဆုံးနားမှာ နှစ်ကြောင်း သုံးကြောင်းမြောက် လောက်မှာ ရှိတတ်ပါတယ်

တွေ့ပြီ ဆိုရင် အဲဒီနောက်မှာ ဒီအောက်က ကုဒ်လေးကို ထည့်ပေးပါ..

xmlns:fb='http://www.facebook.com/2008/fbml'

ဒါဆိုရင် ဒီလိုမျိုးလေး ဖြစ်သွားပါမယ်

<html  xmlns:fb='http://www.facebook.com/2008/fbml'  expr:dir='data:blog.......
.......2005/gml/expr'  >

နောက်တဆင့် အနေနဲ့ ဟောဒီကုဒ်လေးကို ထပ်ရှာပါ

<body>

တွေ့ပြီဆိုတာနဲ့ သူ့ရဲ့အောက်မှာ ဒီအောက်က ကုဒ်တွေကို ကူးထည့်လိုက်ပါ..

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : 'YOUR   APP ID',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };

    (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>

အနီရောင်နဲ့ ပြထားတဲ့ YOUR APP ID ဆိုတဲ့ နေရာမှာ ကိုယ်ရထားတဲ့ facebook App ID ကို ထည့်ပေးပါ..

အဆင့် (၄)

အောက်က ကုဒ်တွေကို ကူးပါ Notepad သို့မဟုတ် Wordpad မှာ paste လုပ်ပြီး လိုအပ်တာလေးတွေ ဖြည့်ကြရအောင်ပါ.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='MY-SITE-NAME' property='og:site_name'/>
<meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'  
property='og:image'/>
<meta content='YOUR-APP-ID'   property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

အဲဒီမှာ အစိမ်းရောင် နေရာကတော့ သင့်ဘလော့ဂ်နာမယ်ပေါ့
အပြာရောင်နဲ့ကတော့ သင့်မှာ ကိုယ်ပိုင် Logo ရှိရင် အဲဒီ လိုဂိုပုံရဲ့ လင့်ကို ထည့်ဖို့ပါ
အနီရောင်နဲ့ကတော့ ထုံးစံအတိုင်း သင်ရထားတဲ့ အိုင်ပီကို ထည့်ဖို့ပါ
လိမ္မော်ရောင်နဲ့ကတော့ သင့်ရဲ့ Facebook profile Id ထည့်ဖို့ပါ ဥပမာ အနေနဲ့ ဒီလို မျိုး ရှိပါမယ်

http://www.facebook.com/profile.php?id=xxxxxxxxxx

URL တစ်ခုလုံး ထည့်ပေးစရာ မလိုပါ ကြက်ခြေခတ်ပြထားသော အိုင်ဒီ နံပါတ်သာ ထည့်ပေးရန် ဖြစ်ပါတယ်..။

အဲဒါတွေ လိုအပ်သလို ဖြည့်ပြီးပြီ ဆိုရင်တော့ ကူးယူပြီး ဟောဒီအောက်က ကုဒ်ရဲ့ အပေါ်မှာ ထည့်ပေးပါ

</head>

အဆင့် (၅) Facebook comments box ကုဒ်ထည့်ခြင်း

အောက်က ကုဒ်ကို ရှာပါ

<data:post.body/>

တွေ့ပြီ ဆိုရင် အဲဒီ ကုဒ်ရဲ့ အောက်မှာ ဟောဒီကုဒ်လေးတွေ ကို ထည့်ပေးလိုက်ပါ.

<b:if cond='data:blog.pageType == "item"'>

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

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

<fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id'

migrated='1' width='540'/></div></b:if>

အနီရောင်နဲ့ ပြထားတဲ့ ဂဏန်းနေရာမှာ ကိုယ့်တန်းပလိတ်နဲ့ ကိုက်မယ့် အချိုးအစားအတိုင်း ပြောင်းလဲ နိုင်ပါတယ်..

ပြီးရင်တော့ Save Template လုပ်ပြီး ကိုယ့်ဘလော့လေးကို ကြည့်ကြည့်ပေါ့ဗျာ အားလုံးပဲ အဆင်ပြေကြပါစေ..။

နမူနာ အစမ်းကြည့်ချင်သူ စမ်းသပ် ချင်သူများ ဒီမှာ သွားရောက် ကြည့်ရှု စမ်းသပ် နိုင်ပါသည်..။

PS: ဤ ဘလော့တွင် ဖော်ပြထားသော ဆော့ဖ်ဝဲလ် များ ဘလော့ဂ်နှင့်သက်ဆိုင်သော နည်းပညာများ ကို အခြားအခြားသော ဘလော့ဂ်များ တွင်လဲ ဖော်ပြပြီး ဖြစ်ကောင်း ဖြစ်နိုင်ပါသည် ကျွန်တော့်ဘလော့ဂ်တွင် တင်ထားသမျှသည် ကျွန်တော် လိုချင်သောအခါ အလွယ်တကူ ရရှိရန် နှင့် မရှိသေးသူများ အတွက် ရည်ရွယ်ပါသည်...။