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

السلام عليكم..

إضافة صندوق تعليقات الفيسبوك من الإضافات المألوفة للجميع ..

فقلما لا تجد موقع او مدونة لا تحتوي على صندوق التعليق الخاص بالفايسبوك ...

لأهمية تعليقات الفيس بوك في بلوجر وباقي المواضيع ..

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

فهي تلعب دور الناشر للموضوع بالتعليق عليه ..= زوار جدد ..

وكذا تُتيح لزوارك (الذي لا يملكون حسابات جوجل و بلوجر و...)..

التجاوب مع مواضيع مدونتك بسلاسة (الفيسبوك دائما مفتوح ¨.¨)..

دون إغفال جمالية صندوق التعليقات ..

كل هذا يحفز اي مدون لـ إضافة صندوق التعليقات لموقعه ..

والكثير منهم من يستحيل أو يحال عليه إضافة تعليقات الفيس بوك للبلوجر..

لأن أغلب الشروحات ..تكون في بعض الأحيان تحتاج هي أيضا للشرح ..^^

وذلك يجعل المدون لا يريد الإضافة (لتعقيدها في نظره..)..
وشخصيا قديما عانيت من إضافة تعليقات الفيسبوك مع تعليقات المدونة ..

حيث كانت تختفي عندما كان يضاف رد في تعليقات بلوجر..؟(غريب^^)؟

لكن في الحقيقة الأمور بسيطة وسأحاول أن ابسطها أكثر ..

فقط تحتاج للقليل من التركيز ..

نبدأ على بركة الله ..

> تسجيل الدخول لحسابك في الفيس بوك (ستكون المسؤول به على التعاليق..) :

Www.Fb.Com

> ثم أدخل على الرابط التالي : https://developers.facebook.com/apps

(إذا كنت قد فعلت حسابك برقم الهاتف من قبل ..لن تمر بهذه المراحل..)

ويمكن إستعمالها أيضا لـ تفعيل حساب الفايسبوك برقم الهاتف ..
لكي لا تقوم إدارة الفايس بوك بغلق حسابك (مؤخرا كثٌر دلك..)

> ستفتح لك هذه النافذة ..إضغط على register as a developer ..

ثم تابع الشرح بالصور ..

سيصلك كود التفعيل لهاتفك في غضون تواني .. أدخله في المكان المُناسب ثم أكمل الشرح ..

> بعد الإنتهاء من تفعيل حسابك برقم الهاتف ..
ستتغير register as a developer بــ Créer une application..

إضغط عليها لإنشاء تطبيق تعليقات الفيس بوك..

وتابع الشرح بالصور ..

- إحتفظ بـ رقم الـ ID الخاص بالتطبيق ..

- إنسخ رابط مدونتك أو موقعك في مكان إضافة نطاق ..

- تسجيل التغييرات ..

ومبروك عليك إنهاء الخطوة الأولى ..

إنتهينا من إنشاء تطبيق التعليقات الخاص بالفيس بوك ..

الآن ننتقل لـ العمل على قالب المدونة ..

كالمُعتاد من المسار التالي :

> من لوحة التحكم الرئيسية ..

> أدخل إلى "قالب"

> قُم بتنزيل القالب قبل القيام بأي خطوة في التعديل في الـ html <

> من "نسخ احتياطي/استعادة" تحسبا لـ أي خطأ..<

> "تحرير html "

>> إبحث عن الكود التالي (لـ البحث إضغط على Cltrl+F من الكيبود بعد وضع الماوس داخل النمودج) :

<html

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

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

كما مُوضح في الصورة .. ;)

>> ثم إبحث عن الكود التالي :

<body>

> قم بـ إضافة الكود الآتي تحنه مباشرة :

<div id='fb-root'/>

<script>

window.fbAsyncInit = function() {

FB.init({

appId : '24845990863925',

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);

}());<a href='http://bloggeradsenseo.blogspot.com/2013/11/how-to-add-facebook-comments-box.html' style='display:none;'></a></script>

ملاحظة :غير الرقم بالأحمر بكود الـ ID الخاص بتطبيقك المنشأ سابقا ..

>> إبحث عن الكود التالي :
</head>

> قم بـ إضافة الكود الآتي فوقه مباشرة ..بعد إجراء التغيرات عليه..:

<b:if cond='data:blog.pageType == "item"'>

<meta expr:content='data:blog.pageTitle' property='og:title'/>

</b:if>

<meta content='بلوجر أدسنس السيو' property='og:site_name'/>

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

<meta content='https://www.facebook.com/BlogAdsSeo' property='fb:admins'/>

<meta content='article' property='og:type'/>

غيـر :

- بلوجر أدسنس السيو : بـ إسم مدونتك او موقعك ..

- 24845990863925 : رقم الـ ID الخاص بتطبيقيك ..

- BlogAdsSeO : إسم المُؤدي إلى رابط بروفايلك الشخصي (ليس رابط الصفحة ..)..

كما يمكن وضع رقم الـ ID الخاص بحساب الفايس بوك بدلا من الرابط بأكمله ..

يمكنك معرفة رقم الـ ID و الرابط من هنا : https://developers.facebook.com/tools/explorer

>> تم إبحث عن الكود التالي :

<data:post.body/>

أفضل البحث عن هذا الكود :

</b:includable>
<b:includable id='postQuickEdit' var='post'>
( </b:includable> إبحث على السطر الثاني ..وضع الكود فوق )

> ضع الكود التالي فوق </b:includable>..

أو تحت <data:post.body/> (يعبر عن نص الموضوع..)..

<b:if cond='data:blog.pageType == "item"'>

</b:if>

<b:if cond='data:blog.pageType == "item"'> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>

<a href='http://bloggeradsenseo.blogspot.com/2013/11/how-to-add-facebook-comments-box.html' style='display:none;'>

<a href='http://bloggeradsenseo.blogspot.com'></a>

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

يمكنك تغيير طول width='606' & مكان صندوق التعليقات الفايسبوك ..
المهم الكود محصور بين </b:includable> و <data:post.body/> ..

أيضا يمكنك تغيير رابط الصورة بأخرى من تصميمك ..

ومبرووك عليك إضافة صندوق تعليقات الفيس بوك إلى مدونتك ..

وهذا الشكل النهائي ..مع تجربة الرد ..

وهو الموجود في المدونة ..

اتمنى ان يكون الشرح واضح ..
وإن شاء الله الكل تنجح معه الإضافة في اول تجربة ..

الأربعاء، 20 يناير 2016