اضافة نموذج تعليقات Facebook لمدونات blogger .
المكون الاضافى فيس بوك Comments Box اطلق عام 2009 بواسطة Facebook developers والهدف منة امكانية التعليق فى اى موقع الكترونى بواسطة حسابك الشخصى على فيس بوك ومشاركة التعليق او المحتوى على صفحتك على الفيس بوك ...
لانشاء المكون الاضافى " نموذج تعليقات شبكة الفيس بوك الاجتماعية "
اولا اذهب الى موقع فيس بوك مطورين facebook developers"
اضغط انشاء تطبيق جديد
FACEBOOK APP |
App ID/API Key ....
الان ناتى للمرحلة الثانية :- اضافة نموذج تعليقات الفيس بوك بقالب مدونة بلوجر
- اذهب الى لوحة تحكم بلوجر
- تحرير HTML
- اضغط توسيع النموذج
- ابحث عن الكود التالى ..
<html
xmlns:fb='http://www.facebook.com/2008/fbml'
<body expr:class='"loading" + data:blog.mobileClass'>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'App ID/API Key',
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>
استبدل App ID/API Key برقم تعريف App ID للتطبيق الذى انشاتة مسبقا
</head>
واعلاة مباشرة اضف الكود التالى..<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content=' كود بلوجر ' property='og:site_name'/>
<meta content=' App ID/API Key ' property='fb:app_id'/>
<meta content=' http://www.facebook.com/CASERMEMO ' property='fb:admins'/>
<meta content='article' property='og:type'/>
واستبدل كل من القيم الملونة كالتالى ..
- كود بلوجر بعنوان مدونة بلوجر الخاصة بك
- استبدل App ID/API Key برقم تعريف App ID للتطبيق
- استبدل CASERMEMO بعنوان معرف البروفايل الخاص بادمن الابلكيشن
ابحث عن الكود التالى..
<b:includable id='comment-form' var='post'>
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
اذا واجهت اى مشاكل اثناء اجراء العملية او وجدت انك وصلت لنتائج كارثية :
( لا تقلق ابدا وراسلنى فورا من خلال نموذج التعليقات وسوف نقوم سويا بحل المشكلة وبكل بساطة :)
ليست هناك تعليقات:
إرسال تعليق