صندوق التعليقات الخاص بالفيس بوك وإضافته لمدونتك على بلوجر شائع الإستخدام إلى حد ما , وقد قمت بكتابة هذه التدوينه بعد طلب أحد زوار المدونه طريقة وضع وإضافة هذا الصندوق إلى مدونته .
هذا سبب , والسبب الآخر أنى وجدت الكثير من التدوينات الموجوده على الإنترنت والتى تتناول هذه الإضافه بالشرح إما أنها لا تقدم شرحا وافيا وصحيحا , وإما أنها تقدم شرحا قديما ولا يتناسب مع الوضع الحالى من حيث التطورات , كما أن بها بعض العيوب , ولذلك إليكم شرح مفصل لكيفية إضافة صندوق تعليقات الفيسبوك لمدوناتكم على بلوجر .
قم بالضغط على هذا الرابط وسيفتح لك صندوق حوارى يطلب منك أن تدخل سطرين من البيانات
إدخل فى السطر الأول إسم التطبيق وليكن مثلا ( تعليقات الفيسبوك ) أو أى إسم تريده .
إدخل فى السطر الثانى إسم مدونتك بالإنجليزيه ( ar-blogger-tips ) مثلا أو أى إسم تريده .
ثم إضغط إستمرار أو متابعه أو continue تبعا للغة إستخدامك للفيسبوك .
سيظهر لك مربع حوارى آخر به كلمه للتحقق , قم بإدخالها ثم إضغط متابعه .
ستجد أن المربعات الحواريه قد أغلقت وظهرت أمامك الصفحه بها بيانات , وهى ما يهمنا كما فى الصوره .
إفتح تحرير HTML الخاص بقالب مدونتك وقم بتوسيع القالب ثم إتبع الآتى :
إبحث عن الكود التالى
هذا سبب , والسبب الآخر أنى وجدت الكثير من التدوينات الموجوده على الإنترنت والتى تتناول هذه الإضافه بالشرح إما أنها لا تقدم شرحا وافيا وصحيحا , وإما أنها تقدم شرحا قديما ولا يتناسب مع الوضع الحالى من حيث التطورات , كما أن بها بعض العيوب , ولذلك إليكم شرح مفصل لكيفية إضافة صندوق تعليقات الفيسبوك لمدوناتكم على بلوجر .
إدخل فى السطر الثانى إسم مدونتك بالإنجليزيه ( ar-blogger-tips ) مثلا أو أى إسم تريده .
ثم إضغط إستمرار أو متابعه أو continue تبعا للغة إستخدامك للفيسبوك .
سيظهر لك مربع حوارى آخر به كلمه للتحقق , قم بإدخالها ثم إضغط متابعه .
إبحث عن الكود التالى
<html
أضف بعده مباشرة الكود التالى
بعد ذلك قم بالبحث عن الكود التالى
قم بتغيير الرابط ذو اللون البرتقالى إلى رابط الصوره التى ترمز لمدونتك
قم بتغيير معرف التطبيق ID إلى رقم App ID/API Key المعطى لك فى البيانات السابقه
قم بتغيير معرف حسابك على فيسبوك ID إلى معرف حسابك الحقيقى على الفيس بوك , فمثلا من الممكن أن يكون إسما هكذا
وفى النهايه قم بحفظ القالب وتمتع بصندوق تعليقات الفيسبوك على مدونتك .
سيصبح شكل الكود كاملا كالشكل التالىxmlns:fb='http://www.facebook.com/2008/fbml'
ثم إبحث عن الكود التالى<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
ضع الكود التالى بعده مباشرة<body>
وقم بإستبدال كلمة معرف التطبيق ذات اللون الأحمر برقم App ID/API Key المعطى لك فى البيانات التى حصلت عليها سابقا .<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId: معرف التطبيق });
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/ar_AR/all.js'
document.getElementById('fb-root').appendChild(e);
}());
</script>
بعد ذلك قم بالبحث عن الكود التالى
وأضف قبله مباشرة الكود التالى</head>
قم بتغيير عنوان المدونه وإكتب عنوان مدونتك<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='عنوان المدونة' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='معرف التطبيق ID' property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID' property='fb:admins'/>
<meta content='article' property='og:type'/>
قم بتغيير الرابط ذو اللون البرتقالى إلى رابط الصوره التى ترمز لمدونتك
قم بتغيير معرف التطبيق ID إلى رقم App ID/API Key المعطى لك فى البيانات السابقه
قم بتغيير معرف حسابك على فيسبوك ID إلى معرف حسابك الحقيقى على الفيس بوك , فمثلا من الممكن أن يكون إسما هكذا
أو من الممكن أن يكون أرقاما هكذاhttps://www.facebook.com/yaso.actor
وبعد أن تنتهى من هذه التعديلات قم بالبحث عن الكود التالىhttps://www.facebook.com/profile.php?id=100006891387389
ثم أضف بعده مباشرة الكود التالى<data:post.body/>
تستطيع تغيير عرض الصندوق من خلال تغيير الرقم باللون الأحمر .<b:if cond='data:blog.pageType == "item"'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>
وفى النهايه قم بحفظ القالب وتمتع بصندوق تعليقات الفيسبوك على مدونتك .
شكرا لك أخي الكريم
ردحذفتم التطبيق في مدونتي
مدونة خلفان
شكرا لك أخي الكريم
ردحذفتم التطبيق
http://techprf.blogspot.com/
شكرا لك أخي
ردحذفكل يوم معلومة ثقافية
http://dailyculturalinfo.blogspot.com
شِكرا لكم جميعا
ردحذفالسلام عليكم حولت كتير اجرب هذه الطريق ولكن لاسف بيظهر خطا لما بكت الكود xmlns:fb='http://www.facebook.com/2008/fbml'
ردحذفارجو المساعده ولو في طريقه اخري
http://technicalitiinformation.blogspot.com/
جاري التحميل ... انشا الله يعمل يا رب هههههه
ردحذفشكرااا لك .
تسلم ياكبير
ردحذفhttp://elmansurahazw.blogspot.com/
اخي عندي مشكلة ارجو تساعدني فيها الكود الأخير منو 4 في مدوني وراء اي واحد فيهم راح احط الإضافة الأخيرة. وشكرا مسبقا
ردحذفرائع يا ياسو
ردحذفhttp://ar-free-software.blogspot.com/
يارك الله فيك اخي.
ردحذفتابعوني على مدونة الفضاء
al-fadae.blogspot.com
اخى لا يوجد عندى هذا body
ردحذفشكرا
ردحذفكل ما يخص الانترنت
4upx.blogspot.com
جميل قد طبقته على مدونتي
ردحذفhttps://arabia7oura.blogspot.com
السلام عليكم ورحمة الله وبركاتة
ردحذفشكرا لمجهودك الرائع
عندما قمت بالبحث عن الكود
body لم اجدة
وكذلك الكود
head
لم اجدة ما الحل ارجوا المساعدة
اخى انا قمت بالمطلوب واضفت الكود واشتغل تمام ولكن عندما يتم التعليق بنظام بلوجر يتم اختفاء تعليقات الفيس بوك
ردحذففما العمل ؟
انا عندى نفس المشكلة .. ايه الحل ؟؟
حذفلقد قمت بكل ما ينبغي و لم تظهر تعليقات الفيس تحت التدوينات
ردحذفأريد مساعدة من فضلكم
أزال أحد مشرفي المدونة هذا التعليق.
ردحذفاخي الكريم مش لاقي الكود بتاع البودي
ردحذفارجو القاء نظره علي مدونتي لو سمحت
yoooooou.blogspot.com/
اخى انت لم تحرر القالب بالطريقة الصحيحة بل فتحت صنجوق تحرير المتصفح انت هتفتح تحرير html
حذفتضغط فى الصندوق ضغطر بزر الفارة اليسر تضغط ctrl+fوستجد الكود بأذن الله
يا اخي مش اتسبتت عندي
ردحذفراجع طريقة التركيب وتاكد من تحرير القالب
حذفالسلام عليكم...
ردحذفاريد مسح صندوق التعليقات الخاص ببلوجر من html
شكرا اخي العزيز (h)
ردحذفالعفو فى خدمتك دائما
حذفاخى العزيز انا لم اجد كود body لما جيت ابحث عنه ارجو الرد ضرورى
ردحذفاخى انت لم تحرر القالب بالطريقة الصحيحة بل فتحت صنجوق تحرير المتصفح انت هتفتح تحرير html
حذفتضغط فى الصندوق ضغطر بزر الفارة اليسر تضغط ctrl+fوستجد الكود بأذن الله