صندوق تعليقات الفايسبوك هي أداة مقدمة من الفايسبوك لتمكين كل زوارك من التعليق على موضوعاتك بدون أن يكون لديهم حسابات في جوجل أو غيرها و بشكل سريع و جميل جدا.
و أيضا تقدم هذه الاداة إمكانيات رائعة و منها سهولة نشر التعليقات و شكلها الانيق و أيضا امكانية عمل باك لينك لكل تعليق يقوم الزائر بتركه لك لان بكل تعليق سوف يتم نشر التعليق على بروفايل الزائر فـيراه اصدقاءه و تزيد الباك لينك و الزوار اليك .
فربط مدونتك أو موقعك بالموقع الاجتماعي رقم واحد سوف يزيد من زوارك و ترتيب موقعك بالتأكيد .
الاداة متاحة باللغة العربية و الانجليزية والفرنسية و كل اللغات تقريبا لتتناسب مع كل المواقع و المدونات ...
شكل الاداة :
أو
الطريقة :
اولا : ضبط اعدادات الفايسبوك و انشاء التطبيق
1. ادخل الموقع التالي : https://developers.facebook.com/apps/
قد يطلب منك تسجيل الدخول بحسابك في الفايسبوك
2. اضغط على زر انشئ تطبيق جديد أو Créer une application أو Create New App
على حسب اللغة المستعملة في البروفايل.
3. قم بالسماح للتطبيق من استخدام معلوماتك الشخصية لأنشاء التطبيق ( اضغط سماح ) Allow
4. ادخل معلومات التطبيق و هي الاسم المعروض و اسم التطبيق و قم بالتأشير على الموافقة على الشروط و البنود الخاصة بالخدمة ثم استئناف او Continue
ملاحظة : اسم التطبيق يجب ان يكون خالي من المسافات ولا يحتوي على اي حروف كبيرة Capital
5. قم بأدخال الرمز التأكيدي
ملاحظة : قد يظهر لك مربع احمر و محتواه ان حسابك الخاص بك في الفيسبوك يحتاج الى تأكيد او تفعيل ( هذا إذا لم تكن قد قمت بتأكيد حسابك من قبل ).
اتبع خطوات
تأكيد الحساب عن طريق النقال (خطوات تأكيد الحساب سهلة و بسيطة و لا تحتاج لشرح)
الان سوف يقوم بنقلك الى صفحة اعدادات التطبيق و بها رقم التطبيق قم بالاحتفاظ به لاننا سوف نستخدمه بداخل الكود
آخر خطوة و هي الحصول على اي دي البروفايل الخاص بك :
قم بفتح بروفايلك .. و لمن لا يعرف فقط قم بالضغط على صورة البروفايل,
سوف تجد رابط الصفحة من الاعلى كالآتي :
قم بأخذ الرقم او الاسم الذي يلي مباشرة ID= ( اسم او رقم )
و احتفظ به ...
اذا وجدت رابط بروفايلك بالشكل التالي :
خد اخر اسم ... "Amizmiz.Soft"... فقط .
و هكذا نكون قد أنهينا إعدادتنا على الفليسبوك ...
ثانيا : وضع الاكواد و تركيبها بمدونات البلوجر
2. تحرير HTML
3. قم بالتأشير على توسيع قوالب عناصر المستخدم
الان ابحث عن :
<html
و قم بإضافة الكود التالي بنهايته مباشرة قبل
>
الكود :
xmlns:fb='http://www.facebook.com/2008/fbml'
ليصبح بالشكل الذي نراه بالصورة :
و الان قم بالبحث عن :
</head>
و اضف قبله مباشرة الكود التالي :
<!-- Facebook Comment Start-->
<b:if cond='data:blog.pageType == "item"'>
<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='أمزميز سوفت' property='og:site_name'/>
<meta content='رقم التطبيق الذي حصلنا عليه من قبل' property='fb:app_id'/>
<meta content='اي دي البروفايل الذي حصلنا عليه من قبل' property='fb:admins'/>
<meta content='article' property='og:type'/>
<!-- Facebook Comment End-->
ملاحظة : لا تنسى استبدال المعلومات داخل الكود باللون الاحمر
الان ابحث عن :
<body>او</tbody>
ملاحظة : قوالب بلوجر الحديثة تستخدم </tbody> و القوالب العادية تستخدم </body>
و قم بإضافة الكود التالي بعده مباشرة :
<!-- Facebook Comment Start-->
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'رقم التطبيق الذي حصلنا عليه من قبل',
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/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<!-- Facebook Comment End-->
ملاحظة : لا تنسى استبدال المعلومات داخل الكود . باللون الاحمر
الآن ابحث عن الكود التالي :
<div class='post-footer'><div class='post-footer-line post-footer-line-1'>
ملاحظة : ابحث عن السطر الاول او الثاني حتى تجد السطرين بنفس الترتيب بالاعلى .
و ضع بعده مباشرة الكود التالي :
<!-- Facebook Comment Start-->
<b:if cond='data:blog.pageType == "item"'>
<p align='right'>
<img alt='' class='icon-action' height='83' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj65fZ8Eoc35AxcX4LaiAPcEsPNOWA82IDID03WUEX3F6tOzbxvSTnc6Jda6YBal_JmWE-P27bryPeb5ECEmjiLxTdW2fyfYP-JfljtuTTa-dW3j4BoPIYXH74RHd7HQJeKx4wJxwsfb4uk/s1600/facebook-comment.png' width='300'/></p>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/>
<script src='http://sites.google.com/site/javascripthtmlphpcode/apifcb.js' type='text/javascript'/></div>
</b:if>
<!-- Facebook Comment End-->
ملاحظة : الرابط باللون الاحمر هو عبارة عن الصورة الخاصة بـ انشر تعليقك بأستخدام الفايسبوك
و يمكنك تغييرها إذا لم تعجبك .
و يمكنك تغييرها إذا لم تعجبك .
الرقم باللون الاخضر يمثل عرض الاداة و يمكنك تكبيره أو تصغيره ليناسب القالب الخاص بك.
و اخير : هذه الاداة مضافة باللغة العربية فإذا اردت تحويلها الى الانجليزية كل ما عليك فعله هو البحث عن هذا :
http://connect.facebook.net/ar_AR/all.js
و استبداله بهذا :
http://connect.facebook.net/en_US/all.js
أو بهذا إذا أردت اللغة الفرنسية :
http://connect.facebook.net/fr_FR/all.js
اخيرا إضغط حفظ ... و قم بمشاهدة موضوعاتك.
لأي ملاحظات او اي استفسار اترك تعليقك و سوف يتم الرد عليه بأقرب وقت.
