تتعدد طرق وضع صندوق التعليقات إلى مدونتك لكن تبقى الطريقة الوحيدة الصحيحة هي الطريقة اللتي سنتطرق إليها اليوم إنشاء الله.
توجد طريقة صحيحة واحدة لإضافة نظام تعليقات الفيسبوك، إولا أنقر على الرابط التالي : developers.facebook.com/apps.
إضغط على
ثم إملأ البيانات التالية.
ثم أنقر على Settings
أكتب رابط مدونتك في خانة App Domains
قم بتحفيظ الثغيرات
الان قم بنسخ كود App ID
الأن نمر إلى الخطوة التانية.
إبحث عن الكود التالي <html
ثم ألصق بعده الكود التالي كما في الصورة أسفله.
xmlns:fb='http://www.facebook.com/2008/fbml'
الان قم بالبحث عن الكود التالي <body> وبعدها ألصق الكود التالي:
ولا تنسى أن تغيير كلمة (معرف التطبيق App ID) بالكود اللتي نسخته في البداية
<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>
الان إبحث عن الكود التالي </head>
وأضف قبله الكود التالي
ولا تنسى أنتغيير العبارات اللتي باللون الأحمر في الكود التالي.
عنوان المدونة = غييره بالعنوان مدونتك.
App ID معرف التطبيق = أكتب الكود اللذي نسخته من قبل مرة أخرى.
ID معرف حسابك على الفيسبوك = قم بإضافة معرف حسابك على الفيسبوك والذي سيجعلك مديرا للتعليقات من اجل إدارتها ، ولكي تعرف معرفك الخاص انقر على بروفايلك في الفيسبوك وابحث في الرابط في الاعلى عن إسم المستخدم مثلا حسابي الخاص هو facebook.com/benrahhali إدن المعرف هو benrahhali ساقوم بإضافته في الكود.
<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='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/> <meta content='معرف التطبيق ID' property='fb:app_id'/> <meta content='معرف حسابك على فيسبوك ID' property='fb:admins'/> <meta content='article' property='og:type'/>
اللمسة الأخير
الان إبحث عن الكود التالي <data:post.body/>
أضف الكود التالي مباشرة أسفله.
<b:if cond='data:blog.pageType == "item"'> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/> </div> </b:if>
يمكنك تغير الــ width='600' حتى تتناسب مع عرض صندوق التعليقات مع مواضيع مدونتك.
أتمنى أن يكون الشرح واضح والان لم يبقى سوى حفظ التغيرات وأقول لك مع السلامة.