مند مدة وأنا أريد وضع موضوع أخصص فيه طريقة اضافة تعليقات الفيسبوك لمدونات بلوجر,لكن تم غلق صفحتى الخاصة بمدونتي على الفيسبوك لأسباب أجهلها,وبعد عدة محاولات ومراسلات مع فريق الفيسبوك وانتضار طويل لم يأتينى رد لدالك تاخرت كثيرا في وضع اللموضوع ,أما الان فقد قمت بانشاء صفحة جديدة ,والان سأضع الشرح انشاء الله
فكما نعرف الفيسبوك أصبح موقعا لايستغني عليه اصحاب المواقع والمدونات فهو أكبر طريق للحصول على الزوار والكثير من الاشياء والكل يعرفها فأما تعليقات الفيسبوك فهي اضافة جد رائعة تتيح لك التواصل مع زوارك على الفيسبوك بشكل سهل جدا ورائع وايضا إمكانية الرد على تعليقات الآخرين و الإعجاب بها وإدارة التعليقات و التحكم الكامل فيها و أيضا كل من علق فإن تعليقه سظهر على مرفوقا بالموضوع والتعليق الدي وضعه في حال أبقى على الإشارة في خانة نشر في فيسبوك وهدا بطبيعة الحال سيزيد من انتشار مواضيعك على أكبر شبكة اجتماعية في العالم وبالتلي زيادة في الزوار ,أضن أني طولة كثيرا لنمر لتطبيق الاضافة ادا..
أولا انشاء تطبيق على الفيسبوك
الان توجه الى هدا الرابط انشاء تطبيق
ثم تابع الشرح في الصور
ملاحضة: لن يتم انشاء التطبيق الى ادا كنت مفعلا لحسابك على الفيسبوك عن طريق الهاتف ,لدالك ادا وجدت مستطيلا أحمر سيخبرك بأن حسابك غير مفعل لدالك فعل حسابك أولا ثم أكمل
بعد التأكبد ستجد هده
ثم انزل للأسفل وضغط على website وضع رابط موقعك كما في الصورة
الان انتهينا من انشاء التطبيق يبقى الان اضافة الأكواد
ثانيا : اضافة الاكواد
بلنسبة للواجهة الجديدة : - بالنسبة للواجهة القديمة :
لاتنسى اخد نسخة احتياطية للقالب لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم 1 -.لوحة التحكم
2.القالب 2 - .تخطيط أوتصميم
3. ثم تحريرhtml;. ثم 3 - تحريرhtml.
4.متابعة 4-.توسيع القالب
5 -.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على alt+f
ثم ضع بعده ضع الكود التالي (يعني ضع مساحة فقط نقرة بجانب الكود ثم ضع الكود التالي:)
ليصبح هكدا
ملاحضة: بالنسبة لقوالب بلوجر الجديدة فانك ستجد الكود على هدا الشكل
<body expr:class='"loading" + data:blog.mobileClass'>
ثم قم بوضع الكود التالي أسفل احد الكودين حسب ماعندك ,
بدل ضع رقم التطبيق هنا برقم التطبيق الدي أنشأناه
ثم ضع تحته مباشرة الكود التالي
ملاحضة : يمكنك تغير مايلي حسب دوقك
فكما نعرف الفيسبوك أصبح موقعا لايستغني عليه اصحاب المواقع والمدونات فهو أكبر طريق للحصول على الزوار والكثير من الاشياء والكل يعرفها فأما تعليقات الفيسبوك فهي اضافة جد رائعة تتيح لك التواصل مع زوارك على الفيسبوك بشكل سهل جدا ورائع وايضا إمكانية الرد على تعليقات الآخرين و الإعجاب بها وإدارة التعليقات و التحكم الكامل فيها و أيضا كل من علق فإن تعليقه سظهر على مرفوقا بالموضوع والتعليق الدي وضعه في حال أبقى على الإشارة في خانة نشر في فيسبوك وهدا بطبيعة الحال سيزيد من انتشار مواضيعك على أكبر شبكة اجتماعية في العالم وبالتلي زيادة في الزوار ,أضن أني طولة كثيرا لنمر لتطبيق الاضافة ادا..
أولا انشاء تطبيق على الفيسبوك
الان توجه الى هدا الرابط انشاء تطبيق
ثم تابع الشرح في الصور
ملاحضة: لن يتم انشاء التطبيق الى ادا كنت مفعلا لحسابك على الفيسبوك عن طريق الهاتف ,لدالك ادا وجدت مستطيلا أحمر سيخبرك بأن حسابك غير مفعل لدالك فعل حسابك أولا ثم أكمل
بعد التأكبد ستجد هده
ثم انزل للأسفل وضغط على website وضع رابط موقعك كما في الصورة
- ثم ادا وجدة هده في الاعلاى فانها تعني التعديل تم حفضه وكل شيء حتى الان ممتاز
الان انتهينا من انشاء التطبيق يبقى الان اضافة الأكواد
ثانيا : اضافة الاكواد
طريقة التركيب :
بلنسبة للواجهة الجديدة : - بالنسبة للواجهة القديمة :
لاتنسى اخد نسخة احتياطية للقالب لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم 1 -.لوحة التحكم
2.القالب 2 - .تخطيط أوتصميم
3. ثم تحريرhtml;. ثم 3 - تحريرhtml.
4.متابعة 4-.توسيع القالب
5 -.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على alt+f
ثم ضع بعده ضع الكود التالي (يعني ضع مساحة فقط نقرة بجانب الكود ثم ضع الكود التالي:)
xmlns:fb='http://www.facebook.com/2008/fbml'
ليصبح هكدا
<html xmlns:fb='http://www.facebook.com/2008/fbml'
- ثم قم بالبحث على الكود التالي
<body>
ملاحضة: بالنسبة لقوالب بلوجر الجديدة فانك ستجد الكود على هدا الشكل
<body expr:class='"loading" + data:blog.mobileClass'>
ثم قم بوضع الكود التالي أسفل احد الكودين حسب ماعندك ,
<div id='fb-root'/>
<script>
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/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<script>
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/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
بدل ضع رقم التطبيق هنا برقم التطبيق الدي أنشأناه
- الان ابحث عن </head> وضع الكود التالي فوقه مباشرة
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='مدونة شامل كول' property='og:site_name'/>
<meta content='رابط اللوغو أو الصورة الخاص بالمدونة' property='og:image'/>
<meta content='رقم التطبيق ' property='fb:app_id'/>
<meta content='http://www.facebook.com/2koraegy' property='fb:admins'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='مدونة شامل كول' property='og:site_name'/>
<meta content='رابط اللوغو أو الصورة الخاص بالمدونة' property='og:image'/>
<meta content='رقم التطبيق ' property='fb:app_id'/>
<meta content='http://www.facebook.com/2koraegy' property='fb:admins'/>
<meta content='article' property='og:type'/>
غير مايلي في الكود :
- غير مدونة شامل كول باسم مدونتك
- غير رابط اللوغو أو الصورة الخاص بالمدونة الى صورة لمدونتك بحيث ستظهر هذه الصورة بجانب عنوان موضوعك على بروفيلات الزوار ويفضل أن تكون بحجم 40px * 40 px
- بدل رقم التطبيق برقم التطبيق الدي أنشأناه
- غير 2koraegy برابط بروفيلك وليس صفحتك
ثم الخطوة الأخير وهي البحث عن الكود التالي
<b:includable id='comment-form' var='post'>
ثم ضع تحته مباشرة الكود التالي
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:0px 0px 0px 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='520'/></div>
</div>
</b:if>
<div style='padding:0px 0px 0px 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='520'/></div>
</div>
</b:if>
ملاحضة : يمكنك تغير مايلي حسب دوقك
- ar_AR تجعل الاداة باللغة العربية ويمكن ارجاعها بالانجليزية بوضع en_US
- light تعني لون الصندوق الطبيعي وهي الأبيض ويمكنك ارجاعه أسود وضع DARK مكانها
- 520 تعني عرض الاداة ويمكنك التعديل الى مايناسبك
