Blog မွာ Fb comment box ထည့္ခ်င္သူေတြအတြက္ ပါ
ဒီနည္းကေတာ့ က်ေနာ္ေလ့လာမိသမွ် ျမန္မာဘေလာ့ေတြမွာ တင္ထားတာနဲ့မတူပါဘူး
ဒီနည္းကေတာ့ က်ေနာ္ေလ့လာမိသမွ် ျမန္မာဘေလာ့ေတြမွာ တင္ထားတာနဲ့မတူပါဘူး
အဆင့္(၁)
ပထမဦးဆုံး အေပၚကပုံ မွာျပထားတဲ့အတုိင္း blog setting ထဲကေန Post and comment ထဲကုိဝင္ျပီး show comment ကုိ Hide ေျပာင္းလုိက္ပါ။
အဆင့္(၂)ဒါကေတာ့ Fb IDApp လုပ္တဲ့ေနရာမွာ ဒါရွိမွလဲ comment box ထည့္လုိ့ရမွာပါ ဘယ္လုိလုပ္ရသလဲဆုိေတာ့ ဒီလင့္ေလး ကုိသြားလုိက္ပါျပီးေတာ့ Creat New App ကုိႏွိပ္ျပီး ပုံမွာျပထားတဲ့ အတုိင္း နာမည္ ၂ခုကုိ Vaild Availdable ျဖစ္ေအာင္ နာမည္ထည့္ေပးပါ ဘာနာမည္ျဖစ္ျဖစ္ေပါ့...
ျပီးေတာ့ ဒီပုံကလုိ စကားဝွက္ကုိမွန္ေအာင္ေရးလုိက္ပါ...
ပုံထဲမွာ ျပထားသလုိေပါ့ အေပၚက AppID ကုိ ေကာ္ပီကူးထားျပီးေအာက္ကApp Domainမွာသင့္ ဘေလာ့လိပ္စာကုိထည့္လုိက္ပါ ျပီးလွ်င္ Save Changes လုပ္လုိက္ပါ..
အဆင့္(၃) Blogger ထဲဝင္ျပီး Template>> Edit Html ကုိသြားျပီး Expand Widget Template ကုိ အမွန္ျခစ္လုိက္ပါ ျပီးေတာ့ Ctrl+F အကူအညီနဲ့
<head> ကုိရုိက္ျပီးေအာက္က ကုဒ္ေတြကုိပုံမွာေတြ့ရတဲ့အတုိင္း <head> ေအာက္က ကပ္ျပီးထည့္ေပးလုိက္ပါ
FB APPIDဆုိတဲ့ေနရာမွာခုနက ကူးလာတဲ့ ကုဒ္ေတြကုိထည့္လုိက္ပါ..
အဆင့္(၄) Template>> Edit Html ကုိသြားျပီး Expand Widget Template ကုိ အမွန္ျခစ္လုိက္ပါ ျပီးေတာ့Ctrl+F ႏွိပ္ျပီး ဒီကုဒ္ကုိရုိက္လုိက္ပါ
<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.canonicalUrl' expr:xid='data:post.id'/> </b:if>ကူးထည့္ျပီးရင္ Width=450 ဆုိတဲ့ေနရာမွာ ကုိယ့္ဘေလာ့နဲ့သင့္ေတာ္မယ္ အရြယ္အစားကုိ ေျပာင္းလုိက္ပါ ျပီးေတာ့colorscheme='light' ဆုိတာကအေရာင္ပါ သူကေတာ့ Dark & light ၂မ်ဳိးမွာၾကဳိက္ရာေရြးျပီးထည့္ေပးလုိက္ပါ
အဆင့္(၄) ဒါကေတာ့ေနာက္ဆုံးအဆင့္ပါပဲ Template>> Edit Html ကုိသြားျပီး Expand Widget Template ကုိ အမွန္ျခစ္လုိက္ပါ ျပီးေတာ့ Ctrl+F ႏဲ့ <html ဆုိတာေလးကုိရွာလုိက္ပါ အေပၚဆုံး နံပါတ္၃ေၾကာင္းေျမာက္မွာရွိပါတယ္.ျပီးေတာ့ အဲဒီေနာက္ကေနကပ္ျပီးေတာ့ ေအာက္ကကုဒ္ေလးကုိထည့္လုိက္ရင္ ပုံထဲမွာ ျပထားတဲ့ အတုိင္းျမင္ရမွာျဖစ္ပါတယ္
xmlns:fb="https://www.facebook.com/2008/fbml"
ျပီးရင္ Save Template လုပ္လုိက္ပါ ဒီေလာက္ဆုိရင္ ရပါျပီ.. အားလုံးအဆင္ေျပ က်ပါေစဗ်ာ...:)
No comments:
Post a Comment
အဆင္မေျပတာရွိရင္Comment မွာေရးထားခဲ့ပါ..လမ္းမွားျပီးေရာက္လာတဲ့အတြက္ေက်းဇူးတင္ပါတယ္ :) :D