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

بسم الله الرحمن الرحيم

شرح اضافة صندوق تعليقات فيس بوك لمدونات بلوجر بدون مشاكل ان شاء الله اليكم الشرح خطوة خطوة تاابعوا معي بالصور :

1-انشاء تطبيق خاص بك على موقع فيس بوك عن طريق الرابط التالي :

https://developers.facebook.com/apps

بعد دخولك الى الرابط السابق اتبع مافي الصور :

( الخطوة الأولى )

( الخطوة الثانية )

( الخطوة الثالثة )

( الخطوة الرابعة )

( الخطوة الخامسة )

( الخطوة السادسة)

( الخطوة السابعة )

( الخطوة الثامنة )

( الخطوة التاسعة )

( الخطوة العاشرة والأخيرة )

الآن توجه في مدونتك إلى:القالب> تصميم > تحرير html > توسيع القالب (قم بأخذ نسخة من القالب للاحتياط)

ابحث عن الوسم التالي :

<html

بعد بحثك عن الوسم السابق قم بوضع الكود التالي بجانبه مباشرة :

xmlns:fb='http://www.facebook.com/2008/fbml'

ضع مسافة بين الوسم والكود حتى يكون على هذا الشكل :

<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..............2005/gml/expr' >

تنبيه : بعد وضعك للكود بجانب الوسم وحفظ التغييرات قد تلاحظ تغيير في مكان الكود لان ذلك التغيير يعود الى ضبط القالب فلا تغير اي شي بعد الحفظ

ابحث الآن عن الوسم التالي :

<body>

وبعده مباشرة الصق الكود التالي :

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

<script>

window.fbAsyncInit = function() {

FB.init({

appId : 'ألصق الـ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>

قم بالتعديل على الكود السابق بوضع رقم ID مكان العبارة التالية :

ألصق الـID الذي نسخته سابقا هنا

افتح المفكرة والصق بها الكود التالي :

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGoI5fQIixt9FwbbpFfR2mcmn6VD5pm0Sn1j3nyaDCWuCYTrp9vkL4OJVyR6RAb6aa9ZqfTfScHo-VTHafmXZCK6KyIVZX7GKIfg6evjVVJHjkFP24vpqGLJOCGeL5vl0bsTqXbSFjCwea/s1600/asma-logo.png'   property='og:image'/>
<meta content='اكتب الـID الذي نسخته سابقا هنا'   property='fb:app_id'/>
<meta content='انسخ المعرّف (ID) الخاص ببروفايلك في الفيسبوك'   property='fb:admins'/>
<meta content='article'   property='og:type'/>

قم بتعديل التالي في الكود السابق :

1-اسم مدونتك

2-استبدل الرابط التالي بشعار مدونتك :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGoI5fQIixt9FwbbpFfR2mcmn6VD5pm0Sn1j3nyaDCWuCYTrp9vkL4OJVyR6RAb6aa9ZqfTfScHo-VTHafmXZCK6KyIVZX7GKIfg6evjVVJHjkFP24vpqGLJOCGeL5vl0bsTqXbSFjCwea/s1600/asma-logo.png

3-ضع رقم ID الذي نسخته سابقا

قم بإيجاد معرف ID الخاص ببروفايلك

* كيفية ايجاد المعرف الشخصي

او معرف ID الخاص بالبروفايل ؟

وذلك عن طريق الرابط التالي :

https://graph.facebook.com/YourProfile

استبدل YOURPROFILE بإسم الرابط الخاص بك على فيس بوك مثال :

https://graph.facebook.com/salem.saleh.basloom

بعد تغييرك للمعلومات في الكود السابق قم بالرجوع الى محرر الهتمل html

وقم بالبحث عن الوسم التالي :

</head>

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

والآن نأتي الى التعديل المهم والاخير لإظهار صندوق تعليقات الفيس بوك

قم بالبحث عن التالي :

<data:post.body/>

والصق بعده مباشرة الكود التالي لإظهار صندوق تعليقات الفيس بوك بألوان خفيفة :

<b:if cond='data:blog.pageType == "item"'> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments migrated='1' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/> </div> </b:if>

او اذا رغبت في اظهار صندوق تعليقات فيس بوك بألوان داكنه ضع الكود التالي :

<b:if cond='data:blog.pageType == "item"'> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments migrated='1' expr:href='data:post.url' colorscheme='dark' expr:title='data:post.title' expr:xid='data:post.id' width='450'/> </div> </b:if>

قم بتعديل عرض صندوق تعليقات الفيس بوك ليتناسب مع مدونتك ورغبتك الشخصية

وذلك بتغيير القيمة في الكود التالي width='450'

قم بحفظ التغيرات على قالبك واستعرض مدونتك

تمتع بصندوق تعليقات الفيس بوك واتمنى لمدونتك المزيد من التقدم والازدهار

مع تحياتي اخوك : ((سالم باسلوم))

مدونة سالم باسلوم

MENU

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

أشهر مواضيعي ..~

أقسـآم المدونة ..~

المتابعون