دون اطالة كما تعودتم معنا اليكم الشرح كاملا اتبع الخطوات التالية
ثانيا الشرح وتحميل الاكواد اخر الموضوع بالاسفل التى وردت بالفديو أعلاه :
اليكم الشرح مكتوب وبالتفصيل :
اولا قم بإنشاء تطبيق على الفيس بوك للحصول على الـ ID ادخل للرابط التالي:
ثم اضغط على Register Now
قم بكتابة اسم مدونتك ثم اسم التطبيق (المهم هنا هو الحصول على id التطبيق) ثم تابع الخطوات وقم بإنشاء التطبيق.
قم بكتابة اسم مدونتك ثم اسم التطبيق (المهم هنا هو الحصول على id التطبيق) ثم تابع الخطوات وقم بإنشاء التطبيق.
بعد انشاء التطبيق والحصول على الـ ID (المعرف) الخاص به
- ادخل الى لوحة تحكم المدونة ثم قالب ثم تحرير HTML
- ثم داخل القالب اضغط ضغطة واحدة بيسار الماوس ثم اضغط على Ctrl + F
- لاظهار مستطيل البحث عن الاكواد
الان إبحث عن :
xmlns:expr='http://www.google.com
ثم أضف هذا الكود فوقه :
xmlns:og='http://ogp.me/ns#'
بعد وسم HTML ليصبح مثل الكود أسفله :
<html xmlns:og='http://ogp.me/ns#' ...... xmlns:expr='http://www.google.com/2005/gml/expr'>
الان إبحث عن :
</head>
و أضف أسفله هذا الكود :
<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_APP_ID بالايدي الذي حصلت عليه من التطبيق
قم الان بالبحت عن :
</head>
و أضف قبلها / فوقها هذا الكود :
<meta property="fb:app_id" content="YOUR_APP_ID" />
مع تعويض هذا YOUR_APP_ID بالايدي الذي حصلت عليه من التطبيق
الان اخر مرحلة هي إضافة التعليقات إلى القالب
إبحث فقط عن هذا الكود :
<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/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>
لو اردت ان يظهر المربع بالعربية غير الحروف en_US الى ar_AR
لتصبح كالتالي
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'
لو اردت المربع باللون الاسود فضع كلمة DARK بدلا من LIGHT
(يفضل عدم تغييره)
اضغط حفظ القالب ومبروك عليك صندوق تعليقات الفيس بوك على موقعك /او مدونتك.
لتحميل التيكست به الشرح والاكواد كاملة :
من ميجا : اضغط هنا
من ميديا فاير : اضغط هنا
محسن عبده : مصري الجنسية عربي الهوية مسلم من مدينة المنيا تقع جنوب مصر بدأت العمل على الإنترنت كمدون مبتدأ ثم دخلت عالم الإحتراف والآن أعمل فى مدونة عرب حصري أُحاول تطويرها من وقت لآخر حتى أصل فى النهاية لإيصال كل ما تعلمته إلى أكبر عدد من الناس .
0 التعليقات:
إرسال تعليق