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

السبت، 1 مارس 2014

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

بقلم: BR MED يوم السبت، 1 مارس 2014 القسم : اضافات بلوجر 0 التعليقات

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

1- المرحلة الأولى إنشاء تطبيق على الفيس بوك من هذا الرابط:

developers.facebook

1- بعد دخولنا للرابط نضغط Create a New App كم تلاحظ في الصورة

2- هنا في الخانة الأولى ندخل أي إسم لتطبيق، أما الخانة التانية نفس الإسم ولكن بدون فراغات أو رموز أو حروف كبيرة

أما بالنسبة للفئة نختار فيديو ثم نضغط إنشاء تطبيق

3-هنا ندخل كود الكاباتشا ثم نضغط تقديم

4-تم إنشاء التطبيق بنجاح يجب أن نحافظ على معرف التطبيق المشار إليه لأننا سوف نستعمله

المرحلة التانية

نقوم باخد نسخة إحتياطية للقالب تحسبا لاي خطأ

تم نضغط تحرير HTML

1- نبحث عن الوسم <html هو دائما يكون في بداية القالب نلصق بعده هذا الكود نترك بينهما فراغ واحد فقط ضروري

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

2-نبحث عن الوسم </head> ونضع هذا الكود تحته مباشرة

window.fbAsyncInit = function() {

FB.init({

appId : 'معرف التطبيق الذي أنشأته',

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>

*لا تنسى معرف التطبيق الذي أنشأته

3-نبحث عن الوسم </head> ونضع فوقه هذا الكود

*لا تنسى معرف التطبيق الذي أنشأته

4-ابحث عن هذا الكود <b:includable id='postQuickEdit' var=

تم نترك سطر واحد فقط فوقه

أنظر الصورة لتفهم

الكود الذي بحثنا عنه هو الملون بالأصفر ومكان النقاط الحمراء سوف نضع الكود التالي

<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/ar_AR/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>

يمكننا تغير عرض صندوق التعليقات بتغير العدد 550

تغير لون الصندوق إلى الاسود ضع dark مكان light

أتمنى أن تستفيدوا من الموضوع لاتنسو لايك لصفحتنا على الفيس يوك

في أمان الله

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

إرسال تعليق

يسعدنا تفاعلكم بالتعليق , أما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولابمحول الأكواد , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r

السبت، 1 مارس 2014