اليوم شرح كامل لطريقة تركيب صندوق تعليقات الفيس بوك الى مدونة بلوجر
عليك قبل التركيب اخذ نسخة احتياطية من قالبك
ادخل على facebook developers لنشاء تطبيق خاص بالتعليقات
بعد الدخول اضغط على انشاء تطبيق جديد او بالانكليزي
بعد الضغط على انشاء تطبيق جديد ستظهر لك صندوق على هذا الشكل
الثاني اختياري
اضغط على موافق على شروط الخدمة ....بعد الملاء يكون هكذا كما انا ملاءته
هذه الصفحة ستقوم بملاء الحقول الشار اليها بالصورة التالية ..ضروري حفظ رقم التطبيق ضروري
..........................................................................................
تحتاج حفظ ايظا رقم الاي دي لصفحة مدونتك على الفيس بوك كيف تعرف رقم الاي دي
https://graph.facebook.com/YourProfile
غير Your Profile الى اسم بروفايلك بالفيس بوك
مثلاء انا اسم بروفايلي على هذا الشكل
https://graph.facebook.com/MustafaAlmalki
.................................................................................
بعد تجهيز رقم التطبيق ورقم الاي دي وحفظهم نبدأ اضافة الصندوق بالمدونة
.........................................................................................
ادخل الى لوحة تحكم المدونة ثم القالب
ابحث عن الكود التالي بالقالب
<htmlثم اضف بعده الكود التالي ..
xmlns:fb='http://www.facebook.com/2008/fbml'ليصبح بهذا الشكل
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog..............2005/gml/expr' >ثم ابحث عن الكود التالي
<body>ثم اضف الكود التالي بعده مباشرة
<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>
اضف رقم التطبيق الذي حفظته.............................................
ابحث عن الكود التالي
</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='رقم التطبيق' 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
اضف رقم التطبيق الذي حفظتهواضف رقم الاي دي لبروفيلك الذي حفظته
.......................................................................
ابحث عن الكود التالي
<data:post.body/>والصق بعده مباشرأ الكود التالي................الكود التالي للمدونات ذات الالوان الفاتحة مثل لون مدونتي
<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 ............................................................................................
وهذا الكود للمدونات الداكنة الالوان مثل السوداء
<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>
احفظ القالب
....................................................................
لوحة تحكم التعليقات https://developers.facebook.com/tools/comments/
.........................................................
الموضوع الاصلي من http://www.allblogtools.com
6 التعليقات:
ممكن طريق تركيب عداد تعليقات فيس بووك
عملت كل حاجة موجودة بس مظهرش صندوق التعلقات
موضوع متعوب فيه شكرا لك
ميرسي علي شرحك السهل والمميز اتمني زيارة برنامج علي متصفح
تسلم صوفي شرح مميز والطريقة نجحت والحمد لله
إرسال تعليق