عرض مشاركة واحدة
قديم 08-05-2012, 04:19 PM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Exclamation الطريقة الصحيحة لإضافة تعليقات الفيسبوك إلى مدونات بلوجر

السلام عليكم ورحمة الله يا عثمان بن الطالب

منذ مدة وأنا أريد وضع شرح لإضافة تعليقات الفيسبوك إلى بلوجر، لكني لم تسمح لي الفرصة إلى الآن وذلك بعض أن لاحظت استغلالا لمدوني بلوجر بزرع أكواد لا صلة لها بتعليقات الفيسبوك.

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

1- الحصول على معرف تطبيق لتعليقات الفيسبوك :

اذهب إلى صفحة مطوري الفيسبوك الخاصة بالتطبيقات وأنشئ تطبيقا بأي اسم تريده (أنا اخترت تعليقات معهد خبراء بلوجر) ثم اضغط متابعة :



أدخل كود التحقق الأمني واضغط تقديم

الآن قم بنسخ معرف التطبيق (App ID) الموضح في الصورة أسفله :



وبهذا تكون قد حصلت على معرف حسابك احفظه في مفكرة


2- الحصول على معرف حسابك على الفيسبوك :

الصق الرابط التالي على المتصفح وقم بنسخ الأرقام المقابلة ل "id" :

كود:
https://graph.facebook.com/YourProfile

بالنسبة لي وضعت الرابط التالي :


كود:
https://graph.facebook.com/DevExpCom

ذلك لأن رابط بروفايلي على الفيسبوك هو :

كود:
http://www.facebook.com/DevExpCom

وبهذا تكون قد حصلت على معرف حسابك احفظه في مفكرة


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

قم بأخذ نسخة احتياطية للقالب

اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن <html أضف بعده مباشرة الكود التالي :

كود PHP:
xmlns:fb='http://www.facebook.com/2008/fbml' 

ليصبح الكود هكذا :

كود PHP:
<html xmlns:fb='http://www.facebook.com/2008/fbml' 

الآن ابحث عن وأضف <body> بعده مباشرة الكود التالي مع تغيير معرف التطبيق :

كود PHP:
<div id='fb-root'/>
<
script>
window.fbAsyncInit = function() {
    
FB.init({xfbmltrueappIdمعرف التطبيق });
  };
  (function() {
    var 
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> وأضف قبلها مباشرة الكود التالي مع تغيير اسم المدونة ومعرفي التطبيق والحساب :

كود PHP:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<
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://www.bloggerexp.com/images/default-image.jpg'   property='og:image'/>
<
meta content='معرف التطبيق'   property='fb:app_id'/>
<
meta content='معرف الحساب'   property='fb:admins'/>
<
meta content='article'   property='og:type'/> 

هام : لا تنس تغيير الصورة التالية
كود PHP:
http://www.bloggerexp.com/images/default-image.jpg 
بشعار لمدونتك

الآن ابحث عن <data:post.body/> والصق بعده الكود التالي مع تغيير 600 إلى عرض صندوق التعليقات حسب عرض مدونتك :

كود PHP:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<
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> 

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

بانتظار رأيك يا
عثمان بن الطالب

عثمان بن الطالب إذا أعجبتك الإضافة لا تبخل علينا بالنقر على زر أعجبني للفيسبوك أسفله.

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس