تركيب صندوق تعليقات الفيس بوك على مدونتك يعزز انتشارها و تزيد من الزوار على الشبكة ، لذلك تعتبر هذه الطريقة من أساسيات مدونتك ، فسارع بتركيبها
طريقة التركيب :
1. ادخل على facebook developers لإنشاء تطبيق خاص بالتعليقات
2. بعد الدخول اضغط على انشاء تطبيق جديد او بالانكليزي
3. بعد الضغط على انشاء تطبيق جديد ستظهر لك صندوق على هذا الشكل
5. املاء الحقل الاول بتعليقاتي مثلا أو إسم مدونتك
الثاني اختياري
اضغط على موافق على شروط الخدمة ....بعد الملأ يكون هكذا كما انا ملأته
6. بعد الضغط على متابعة سيظهر لنا الاتي
7. ادخل الكلمات الموجودة واضغط على تقديم بعد ذلك سيظهر لنا الاتي
8. هذه الصفحة ستقوم بملاء الحقول الشار اليها بالصورة التالية ..ضروري حفظ رقم التطبيق ضروري
9. بعد ملاء الحقول المشار اليها بالسهم الاحمر تضغط على حفظ الاعدادات
..........................................................................................
تحتاج حفظ ايضا رقم الاي دي لصفحة مدونتك على الفيس بوك كيف تعرف رقم الاي دي
https://graph.facebook.com/YourProfile
غير Your Profile الى اسم بروفايلك بالفيس بوك
مثلاء انا اسم بروفايلي على هذا الشكل ( البروفايل و ليس الصفحة أو المجموعة )
https://www.facebook.com/enjoywithblogger
أو اضغط هنا لمعرفة الأي دي بطريقة أخرى .
.................................................................................
بعد تجهيز رقم التطبيق ورقم الاي دي وحفظهم نبدأ اضافة الصندوق بالمدونة
.........................................................................................
10. ادخل الى لوحة تحكم المدونة ثم القالب
..........................................................................................
تحتاج حفظ ايضا رقم الاي دي لصفحة مدونتك على الفيس بوك كيف تعرف رقم الاي دي
https://graph.facebook.com/YourProfile
غير Your Profile الى اسم بروفايلك بالفيس بوك
مثلاء انا اسم بروفايلي على هذا الشكل ( البروفايل و ليس الصفحة أو المجموعة )
https://www.facebook.com/enjoywithblogger
أو اضغط هنا لمعرفة الأي دي بطريقة أخرى .
.................................................................................
بعد تجهيز رقم التطبيق ورقم الاي دي وحفظهم نبدأ اضافة الصندوق بالمدونة
.........................................................................................
10. ادخل الى لوحة تحكم المدونة ثم القالب
11. ابحث عن الكود التالي بالقالب
<html
12. ثم اضف بعده مباشرة الكود التالي
xmlns:fb='http://www.facebook.com/2008/fbml'
13. ليصبح بهذا الشكل
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..............2005/gml/expr' >
14. ثم ابحث عن الكود التالي
<body>
15. ثم اضف الكود التالي بعده مباشرة
<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>
اضف رقم التطبيق الذي حفظته
16. ابحث عن الكود التالي
16. ابحث عن الكود التالي
</head>
17. ثم اضف الكود التالي مع تغير داخل الكود وبتركيز قبله مباشراً
غير ما هو باللون الأحمر بما يتناسب مع بياناتك الخاصة بمدونتك<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='رقم التطبيق' property='fb:app_id'/>
<meta content='رقم الاي دي لبروفيلك' property='fb:admins'/>
<meta content='article' property='og:type'/>
- اسم مدونتك
- http://google.com/help/hc/images/logos/blogger_logo.gif بشعار مدونتك
- رقم التطبيق
- و رقم الاي دي لبروفيلك أو إسم بروفايلك
17. ابحث عن الكود التالي
<data:post.body/>
18. والصق بعده مباشرأ الكود التالي ، الكود التالي للمدونات ذات الالوان الفاتحة مثل لون مدونتي
<b:if cond='data:blog.pageType ==
"item"'> <script
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><script
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments migrated='1' expr:href='data:post.url'
expr:title='data:post.title' expr:xid='data:post.id' width='450'/>
</div> </b:if>
مع تغير عرض الصندوق اذا رغبت width='450
19. وهذا الكود للمدونات الداكنة الالوان مثل السوداء
<b:if cond='data:blog.pageType ==
"item"'> <script
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><script
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments migrated='1' expr:href='data:post.url'
colorscheme='dark' expr:title='data:post.title' expr:xid='data:post.id'
width='450'/> </div> </b:if>
20. احفظ القالب
لوحة تحكم التعليقات على الفيس بوك من هنا
الأقسام: الأدوات الإجتماعية, Facebook
.jpg)
0 التعليقات:
إرسال تعليق