السلام عليكم ورحمة الله تعالى وبركاته ،
سوف نتعرف اليوم علي طريقة إضافة تعليقات الفيسبوك facebook لمدونة بلوجر .
كما نعرف الفيسبوك أصبح موقعا لايستغني عنه اصحاب المواقع والمدونات فهو أكبر طريق للحصول على الزوار والكثير من الاشياء والكل يعرفها. فأما تعليقات الفيسبوك فهي اضافة جد رائعة تتيح لك التواصل مع زوارك على الفيسبوك بشكل سهل جدا ورائع وايضا إمكانية الرد على تعليقات الآخرين و الإعجاب بها وإدارة التعليقات و التحكم الكامل فيها.
نمر لتطبيق الاضافة:
أولا انشاء تطبيق على الفيسبوك:
الان توجه الى هدا الرابط بضغط هنا
ثم تابع الشرح في الصور(إضغط على الصور لتركيبها)
ملاحضة هامة: لن يتم انشاء التطبيق الى ادا كنت مفعلا لحسابك على الفيسبوك عن طريق الهاتف ,لدالك ادا وجدت مستطيلا أحمر سيخبرك بأن حسابك غير مفعل لدالك فعل حسابك أولا ثم أكمل
بعد التأكبد ستتحصل على هده
ثم انزل للأسفل وضغط على website وضع رابط موقعك كما في الصورة
ادا وجدة هده الكتابة في الاعلاى فانها تعني التعديل تم حفضه وكل شيء حتى الان ممتاز
الان انتهينا من انشاء التطبيق يبقى الان اضافة الأكواد
الخطوة الثانية
ثم ضع بعده ضع الكود التالي (يعني ضع مساحة فقط نقرة بجانب الكود ثم ضع الكود التالي:)
ليصبح على هذا الشكلسوف نتعرف اليوم علي طريقة إضافة تعليقات الفيسبوك facebook لمدونة بلوجر .
كما نعرف الفيسبوك أصبح موقعا لايستغني عنه اصحاب المواقع والمدونات فهو أكبر طريق للحصول على الزوار والكثير من الاشياء والكل يعرفها. فأما تعليقات الفيسبوك فهي اضافة جد رائعة تتيح لك التواصل مع زوارك على الفيسبوك بشكل سهل جدا ورائع وايضا إمكانية الرد على تعليقات الآخرين و الإعجاب بها وإدارة التعليقات و التحكم الكامل فيها.
نمر لتطبيق الاضافة:
الخطوة الأولى:
أولا انشاء تطبيق على الفيسبوك:
الان توجه الى هدا الرابط بضغط هنا
ثم تابع الشرح في الصور(إضغط على الصور لتركيبها)
ملاحضة هامة: لن يتم انشاء التطبيق الى ادا كنت مفعلا لحسابك على الفيسبوك عن طريق الهاتف ,لدالك ادا وجدت مستطيلا أحمر سيخبرك بأن حسابك غير مفعل لدالك فعل حسابك أولا ثم أكمل
بعد التأكبد ستتحصل على هده
ثم انزل للأسفل وضغط على website وضع رابط موقعك كما في الصورة
الان انتهينا من انشاء التطبيق يبقى الان اضافة الأكواد
الخطوة الثانية
1.لوحة التحكم
2.إضغط على قالب
3. ثم تحريرhtml
4.إضغط على متابعة
5.إختار توسيع القالب إختار
6.إبحث بالضغط على CTRL+F عن الكود التالي :
<html
ثم ضع بعده ضع الكود التالي (يعني ضع مساحة فقط نقرة بجانب الكود ثم ضع الكود التالي:)
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> وضع الكود التالي فوقه مباشرة
الان ابحث عن </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='رابط بروفيلك على فيسبوك وليس صفحتك' 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='رابط بروفيلك على فيسبوك وليس صفحتك' property='fb:admins'/>
<meta content='article' property='og:type'/>
غير ما هو ملون بالأحمر بما يناسبك
ثم الخطوة الأخير وهي البحث عن الكود التالي
ثم الخطوة الأخير وهي البحث عن الكود التالي
<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 تعني عرض الاداة ويمكنك التعديل الى مايناسبك
ثم في الأخير احفض القالب
وهدا كل شيء أي اتفسار أو مشكل ضعه في التعليق’والسلام عليكم.
