شرح تركيب تعليقات الفيس بوك على مدونة بلوجر بلطريقة الصحيحة بدون أخطاء
كيف تضيف تعليقات الفيس بوك على مدونة بلوجر سوف اشرح لك الطريقة الصحيحة والجديدة لعام 2016 أولا عليك أنشاء تطبيق على الفيس بوك حتة تتمكن من عرض جميع تعليقات الفيس بوك على مدونتك وهذا سوف يساعدك على الحصول على أكثر عدد من التعليقات على التدوينات التى تقوم بأنشائها على مدونتك من خلال الزوار الذين ليس لديهم حساب على جوجل وبهذا الطريقة يقوم بلتعليق على الموضوع من خلال حساب الفيس بوك الخاصة به
أولاً شوف نشرح كيفية عمل تطبيق على الفيس بوك حتة نتمكن من عرض تعليقات الفيس على المدونة
1- أدخل الى موقع لاانشاء تطبيق من هنـــا
بعد الذهاب الى موقع التطبيق أضغط على أنشاء تطبيق
بعد ذالك قم بأختيار التطبيق بهذا الشكل الذى فى الصورة
بعد ذلك سوف تظهر لك صفحة أخرة اضغط على Skip and Create App ID
والان سوف يظهر لك مربعين فى أول مربع أكتب اسم موقعك ووالمربع التانى أكتب البريد الاكترونى او الجميل ثم أختار الفئة بعد الانتهاء اضغط على أنشاء معرفة تطبيق
بعد ذلك قم بتجاوز الاختبار الامنى بعد ذلك قم بلضغط على الاعدادات
أكتب اسم موقعك بدون www ثم رابط الموقع كامل مثل الصوره
بعد حفظ التغيرات اضغط على مراجعة التطبيق حتة يتقوم بتشغيلة
ثم اضغط تاكيد
بعد ذلك اضغط على لوحة المعلومات حتة تتاكد ان تم تفعيل التطبيق سوف تجد النقطة التى توجد أمام اسم التطبيق تحولة الى لون الاخضر وهكذا يكون تم تشغيل التطبيق
والان اذهب الى قلب مدونتك وابحث عن هذا الكود </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'/>
بعد ذلك ابحث عن هذا الكود <body expr:class='data:blog.pageType'> وضع هذا الكود أسفلة مباشر
<div id="fb-root"></div>
<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/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
بعد ذالك قم بلبحث عن هذا الكود <b:includable id='comment-form' var='post'> وضع بأسفلة مباشر هذا الكود
<b:if cond='data:blog.pageType == "item"'>/
<div align='left'>
<div style="background: #FFFFFF;">
<div style="color: #333333; font-family:'Oswald',serif; font-size: 20px; text-align:left;">
<strong>Post a Comment</strong></div>
<br/>
<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='520'/></div>
<div align='right'><a href=' هنا ضع رابط موقعك أو مدونتك' rel="nofollow"><small>[Facebook Comment Box]</small></a></div>
</div>
</div>
<b:if>
والان قم بلضغط على حفظ النموذج
وأخر خطوة اذهب الى هذا الرابط من هنـــا ثم قم واضغط على الاعدادات
قم بوضع هذا العلامات حتة تتمكن من الحصول على أشعارات تعليقات الزوار على موقعك
تم الان أضافة صندوق تعليقات الفيس بوك على مدونتك بنجاح
أولاً شوف نشرح كيفية عمل تطبيق على الفيس بوك حتة نتمكن من عرض تعليقات الفيس على المدونة
1- أدخل الى موقع لاانشاء تطبيق من هنـــا
بعد الذهاب الى موقع التطبيق أضغط على أنشاء تطبيق
بعد ذلك قم بتجاوز الاختبار الامنى بعد ذلك قم بلضغط على الاعدادات
<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'/>
بعد ذلك ابحث عن هذا الكود <body expr:class='data:blog.pageType'> وضع هذا الكود أسفلة مباشر
<div id="fb-root"></div>
<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/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
بعد ذالك قم بلبحث عن هذا الكود <b:includable id='comment-form' var='post'> وضع بأسفلة مباشر هذا الكود
<b:if cond='data:blog.pageType == "item"'>/
<div align='left'>
<div style="background: #FFFFFF;">
<div style="color: #333333; font-family:'Oswald',serif; font-size: 20px; text-align:left;">
<strong>Post a Comment</strong></div>
<br/>
<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='520'/></div>
<div align='right'><a href=' هنا ضع رابط موقعك أو مدونتك' rel="nofollow"><small>[Facebook Comment Box]</small></a></div>
</div>
</div>
<b:if>
والان قم بلضغط على حفظ النموذج
أرائكم تسعدنا:لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامى