ဒီေန႔အခ်ိန္ေတြရလုိ႔ ဘေလာ့မွာ Facebook Recommendations Bar ထည့္နည္းေလးကုိ မသိေသးတဲ့ မိတ္ေဆြေတြအတြက္ ေ၀မွ်ေပးလုိက္ပါတယ္။ ႀကဳိက္ၾကမယ္လုိ႔လည္းေမွ်ာ္လင့္ပါတယ္။ က်ေနာ္ကုိယ္တုိင္လည္း ဤဘေလာ့မွာ သုံးေနပါတယ္။ ေအာက္မွာ ထည့္နည္းနွင့္ လုပ္နည့္ကုိ အဆင့္လုိက္ျပေပးထားပါတယ္။ အဆင္မေျပတာေလးေတြရွိခဲ့ရင္ Comment နွင့္ Chat Box ေတြမွာ ျပန္ေမးနုိင္ပါတယ္။
demo ပုံေလးပါ။
အဆင့္ ၁။ Create a Facebook Application
ဒုတိယ အေပၚ လက္ယာဘက္ တြင္ေတြ႔ရတဲ့ Create New App ထဲကုိ၀င္ပါ။
demo ပုံေလးပါ။
ပထမဆုံး Facebook App ထဲတြင္၀င္လုိက္ပါ။
ဒုတိယ အေပၚ လက္ယာဘက္ တြင္ေတြ႔ရတဲ့ Create New App ထဲကုိ၀င္ပါ။
Create New App ထဲကုိ၀င္ၿပီး ေအာက္ပုံအတုိင္းျမင္ရပါတယ္။ အဆင့္လုိက္လုပ္ေဆာင္ပါ။
အေပၚပုံအတုိင္းထြက္လာရင္ ေမးတာေလးေတြေျဖေပးလုိက္ပါ။ ၿပီးရင္ App ID အသစ္ရလာပါမယ္။ ရလာၿပီးဆုိရင္ Edit Setting ထဲကုိ၀င္ၿပီး Website with Facebook Login ထဲတြင္ မိမိ၏ website လင့္(ခ္)/URl ကုိထည့္ေပးလုိက္ပါ။ ထည့္ၿပီးရင္ Save Changes ကုိနုိပ္လုိက္ပါ။ ေအာက္ပုံကုိ ၾကည့္ပါ။
အေပၚက အဆင့္ၿပီးသြားရင္ မိမိရထားတဲ့ App ID/API Key ကုိ ေသးခ်ာမွတ္ထားပါ။ ေအာက္ပုံကုိၾကည့္ပါ။
အဆင့္ ၂။ Add "Recommendations Bar" To Your Blog
၁။ Sign In Blogger
၂။ Template
၃။ Edit HTMl
၄။ Proceed
ေအာက္က Cond ကုိ ရွာပါ။ Ctrl + F တြဲနုိပ္၍ေပၚလာေသာ အကြပ္ကနဲ့ရွာပါ ပုိလြယ္ပါတယ္။
<html ေတြ႕ၿပီးဆုိရင္ ေအာက္က Cond နဲ႔ လဲေပးပါ။ (Replace it with this code)
<html xmlns:fb='http://ogp.me/ns/fb#'
ေအာက္က Cond ကုိထပ္ရွာပါ။
<body>
မွတ္ခ်က္။ ။ download ရထားတဲ့ Template မွာပဲ <body> ကရွာလုိ႔ရတာပါ။ blogger official template ကုိအသုံး ျပဳသူေတြကေတာ့ <body ျဖင့္ရွာ ရပါတယ္။
၁။ Sign In Blogger
၂။ Template
၃။ Edit HTMl
၄။ Proceed
ေအာက္က Cond ကုိ ရွာပါ။ Ctrl + F တြဲနုိပ္၍ေပၚလာေသာ အကြပ္ကနဲ့ရွာပါ ပုိလြယ္ပါတယ္။
<html ေတြ႕ၿပီးဆုိရင္ ေအာက္က Cond နဲ႔ လဲေပးပါ။ (Replace it with this code)
<html xmlns:fb='http://ogp.me/ns/fb#'
ေအာက္က Cond ကုိထပ္ရွာပါ။
<body>
မွတ္ခ်က္။ ။ download ရထားတဲ့ Template မွာပဲ <body> ကရွာလုိ႔ရတာပါ။ blogger official template ကုိအသုံး ျပဳသူေတြကေတာ့ <body ျဖင့္ရွာ ရပါတယ္။
ရွာလုိ႔ေတြ႔ၿပီးဆုိရင္ <body> (သုိ႔) <body ရဲ႕ေအာက္မွာ ေအာက္က Cond ကုိ ထည့္ေပးလုိက္ပါ။
<div id='fb-root'/>
<script>
//Facebook Recommendation bar by www.mrthangming.blogspot.com
//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=ဒီေနရာေလးမွာ မိမိရထားတဲ့ App ID ကုိထည့္ေပးပါ";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='left' site='http://www.မိမိ၏နာမည္(your name).blogspot.com' trigger='40%'/></div>
</b:if></b:if>
မွတ္ခ်က္။ ။ မိမိ၏နာမည္(your name) မွာ မိမိ၏ Facebook App ID ထဲက Site Domain ကုိထည့္ေပးလုိက္ပါ။ App ID မွာ မိမိရထားတဲ့ ၁၅ လုံး digit app cond ကုိထည့္ေပးလုိက္ပါ။အားလုံးအဆင္ေျပသြားၿပီးဆုိရင္ Save Template ကုိနုိပ္လုိက္ပါ။
မွတ္ခ်က္။ ။ recommendations='3' မွာ မိမိေပၚေစခ်င္တဲ့အေရအတြက္ ေျပာင္းနုိင္ပါတယ္။ time='10' မွာ box ေလးထြက္လာမည့္အခ်ိန္ေလးပါ 10, 20 , 30 စသည့္စကၠန္႔ မ်ားေျပာင္းနုိင္ပါတယ္။ side='left' လက္၀ဲဘက္မွာ ေပၚေနတာကုိ right ဆုိၿပီး လက္ယာဘက္ ေျပာင္းနုိင္ပါတယ္။
ဒုကၡေရာက္ေနရင္ ေျဖရွင္းနည္း (Trouble shooting)
ေအာက္က Cond ကုိရွာပါ။
<head>
ေတြ႕ရင္ <head> ရဲ႕ေအာက္မွာ ေအာက္က Cond ကုိ ထပ္ျဖည့္ေပးလုိက္ပါ။
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
Post a Comment Blogger Facebook
အခုစာဖတ္သူၾကည့္ေနတဲ့ ပုိ့(စ္) ေလးမွာ ဘယ္လုိထင္ျမင္ခ်က္ရွိလဲ? စာဖတ္သူရဲ့ထင္ျမင္ခ်က္ကုိ ဤေနရာေလးမွာ ေရးခ်ၾကည့္ပါလား။..~!!!