سنتعلم في هذا الدرس طريقة تركيب صندوق تعليقات الفيس بوك (كما في المدونة) أسفل المواضيع، او اعلى صندوق تعليقات بلوجر او أي مكان تود تركيبة به، ولكن قبل الشرح يتوجب عليك تجهيز معرف تطبيق الفيس بوك وكذلك معرف حسابك على الفيس بوك.
كنا قد تعرفنا في درس سابق بعنوان: طريقة معرفة رقم الـ id بحسابك على الفيس بوك والان سنتعرف على طريقة اعداد تطبيق خاص بحسابك او صفحتك على الفيس بوك للمدونة حتى نستطيع تركيب صندوق التعليقات في مدونتك بسهولة.
طبعا كل الطرق المنتشرة حاليا تعتمد على الوضع القديم او الطريقة القديمة لإنشاء تطبيق للفيس بوك ولكن هذه الطريقة هي احدث طريقة حتى تاريخ كتابة هذه التدوينة، لنتابع :
لإنشاء تطبيق سجل دخولك للفيس و اضغط هنا ثم تابع الخطوات التالية كما هو موجود بالصور:
قم بالضغط على Add a New App كما في الصورة :
اضغط على www او موقع اليكترونى ، ثم اكتب اسم التطبيق ثم اضغط على الزرApp ID Create
قم باختيار أي فئة وسيتم بعد ذلك انشاء التطبيق :
ستفتح معك بعد ذلك الصورة التالية قم بحفظ رقم AppId
هذا هو رقم الـ appId للتطبيق
انتقل مرة اخرى للرابط التالى : ولا تنسى تغير ما باللون الاحمر الى رقم تطبيقك
املئ البيانات كما بالصورة ثم +Add Platform
ستفتح هذه النافذة اضغط على Website للرجوع مرة اخرى للصورة السابقة
بعد الانتهاء اضغط save changes
تم الانتهاء من اعداد تطبيق خاص على الفيس بوك لموقعك او مدونتك، وحصلنا على رقم id حسابك على الفيس بوك
وكذلك معرف التطبيق الذي أنشأناه.
الان مع طريقة تركيب الصندوق في مدونتك
اذهب الى لوحة تحكم المدونة ثم قالب ثم تحرير html وابحث بداخل القالب عن:
<htmlاستبدله بالكود التالي: (لو الكود موجود من قبل تجاهل هذه الخطوة)
<html xmlns:fb='http://www.facebook.com/2008/fbml'ابحث بداخل القالب ايضا عن <head>
ضع أسفله هذا الكود (لو الكود موجود من قبل تجاهل ايضا هذه الخطوة)
<meta property="fb:app_id" content="{رقم تطبيق الفيس بوك}"/>
<meta property="fb:admins" content="{معرف حسابك على الفيس بوك}"/>
ابحث عن وسم </body>ونضع أعلاه او فوقه هذا الكود :
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId: رقم تطبيق الفيس بوك });
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/ar_AR/all.js'
document.getElementById('fb-root').appendChild(e);
}());
</script>
ضع الكود التالي بداخل القالب في المكان الذي تريده، أو ابحث عن:<div class='comments' id='comments'>أو
<div class="post-footer-line post-footer-line-1">أو
<data:post.body/>وضعه اسفله مع تغير رقم 670 الى الحجم المناسب لعرض المكان الذي تضعه به
<b:if cond='data:blog.pageType == "item"'> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments width='670' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/> </div> </b:if>انتهى الشرح بعون الله، والحمد لله الذي هدانا الى هذا
