الطريقة الصحيحة لأضافة تعليقات الفيسبوك الى مدونات بلوجر



بسم الله والصلاه والسلام على سيدنا محمد ابن عبدالله..الطريقة الصحيحة لأضافة تعليقات الفيسبوك الى مدونتك على بلوجر ..



قم بالذهاب الى FacebookDevelopers

 ثم اضغط على Creat New App 

ثم اكتب اسم التطبيق في الخانة الاولى وعدل على الخيار Category اختر Apps of pages ثم اضغط Creat App

ثم اكتب الكلمات التي تظهر في الصورة واضغط submit

بعد ذلك اختر Setting من القائمة الجانبية 

ثم اضغط على Add platform

بعد ذلك اختر Website

ثم ادخل رابط موقعك ثم Save Change


قم بنسخ الـ App id لانه سيلزم خلال الشرح التالي 


أولاً انتقل الى لوحة التحكم ثم قم بعمل نسخة احتياطية للقالب
بعد ذلك اذهب الى قالب ثم تحرير HTML

الان من خلال النقر على Ctrl+F ابحث عن الكود التالي

<html
واضف أمامه مباشرة الكود التالي..

xmlns:og='http://ogp.me/ns#'

ليصبح بهذا الشكل.

بعد ذلك قم بالبحث عن الكود التالي.

<body>
واضف بعده مباشرة الكود التالي..

<div id="fb-root"></div>

<script>

window.fbAsyncInit = function() {

FB.init({

appId : 'YOUR_APP_ID',

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>

وقم بتغيير YOUR_ADD_ID بالكود الذي حصلت عليه من التطبيق.. ليصبح الشكل النهائي هكذا

بعد ذلك ابحث عن الكود التالي
</Head>

وفوقه مباشرة ضع الكود التالي

<meta content='YOUR_APP_ID' property='fb:app_id'/>


مع تغيير YOUR_APP_ID بالكود الذي حصلت عليه من التطبيق
ليصبح الشكل النهائي هكذا
بعد ذلك ابحث عن الكود التالي.

<b:includable id='comment-form' var='post'>

اذا لم تجده ابحث عن الكود التالي.

<div class='post-footer-line post-footer-line-1'></div>

وتحته مباشرة (اسفله) ضع الكود التالي..

<b:if


cond='data:blog.pageType == "item"'>

<div

style='padding:20px 0px 5px 0px; margin:0px 0px 0px 0px;'>

<script

src='http://connect.facebook.net/en_US/all.js#xfbml=1'

/>

<div>

<fb:comments

colorscheme='light'

expr:href='data:post.url'

expr:title='data:post.title'

expr:xid='data:post.id'

width='550'

/>

</div> 

</div>

</b:if>


ليصبح الشكل النهائي هكذا .

لتغيير لغة التعليقات الى العربية اضف الكود التالي 
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'

مكان 
src='http://connect.facebook.net/en_US/all.js#xfbml=1'

ثم احفظ القالب ومبروك عليك


اتمنى انكم استفدتم . اذا واجه احد مشكلة يتواصل معي عبر التعليقات وانشاء الله اجاوبه بأسرع وقت .

لا تبخلو علينا بردودكم المشجعة 

ليست هناك تعليقات:

إرسال تعليق