بسم الله الرحمن الرحيم واليوم مع اول درس لمدونة بلوجر فيس واعدكم انشاء الله بكل جديد وحصري باذن الله انا لن اطيل عليكم في الكلام ساطرق الي الدرس هو طريقة تركيب صندوق تعليقات الفيس بوك مع اضافة صورة فوقه في بلوجر اولا سنذهب الي صفحة تطبيقات الفيس بوك علي هذا الرابط مـــن هـــنـــا تابع معي الشرح بالصور
اولا عمل التطبيق:
اولا عمل التطبيق:
<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>
وبعد ذلك نقوم بتغيير كلمة(ضع رقم التطبيق الذي نسخته) برقم التطبيق الذي انشائنه في البداية
الان سوف نبحث عن الوسم
</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='http://www.facebook.com/blogger.face' property='fb:admins'/><meta content='article' property='og:type'/>
- استبدل كلمة بلوجر فيس باسم مدونتك
- استبدل كلمة رابط اللوغو او الصورة الخاصة بالمدونة برابط صوة مدونتك ويستحسن ان يكون 40pxX40px
- واستبدل رقم التطبيق برقم التطبيق الذي انشائنه
- واستبدل ايضا كلمة http://www.facebook.com/blogger.face برابط بروفيلك الشخصي وليس صفحتك لانك ستكون مدير لتعليقات
اذا اردت تركيب صندوق التعليقات فوق تحت موضوع تمام ضع الكود بعد هذا الوسم
<data:post.body/>
واذا اردت وضع الصندوق فوق صندوق التعليقات العادي ضعه بعد هذا الوسم مباشرة
<b:includable id='comment-form' var='post'>
<b:if cond='data:blog.pageType == "item"'><p align='right'><img alt='' class='icon-action' height='30' src='هنا ضع رابط الصورة' width='550'/></p><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='550'/></div></b:if>
- استبدل height='30' رقم30 وهو ارتفارع الصورة ارجو تركه هكذا
- واستبدل width='550 رقم 550 هو المسؤل عن عرض الصور نصيحة اجعله في نفس عرض صندوق التعليقات
- واستبدل هنا ضع رابط الصورة برابط صورة
- واستبدل ايضا ar_AR بهذا en_US اذا اردت صندوق التعليقات باللغة الانجليزية
- واستبدل كلمة light بكلمة dark
- واستبدل width='550
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrQlt5PCqK5D_aF57acz0qxeTFwRw0YcUY7anl4oH4HEkH8wImW9EdtXH8ZF0bfZ0fIAUdbtAMuVy_y0FFY3NZ2MvoMwTV8D8xCYRg9fJuFh8R3y52r-4KS6z0P_RrPlcAdRVX2gXbnzd_/s320/facebook-comment.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIVMjkZiymk9IOXsZwNoORLBCFS7LmrCopKZTpWw1tWVWNB5FG1PiRx4wkgSFHv74UPIQc_0_EY0FDvaK4F1jESpAJnMg3yqF39gMuWcXH_H38v1MdOFeL5aAEaI0lAXGSM5PVlPpnTaIa/s640/%D9%81%D9%8A%D8%B3+%D8%A8%D9%88%D9%83+%D8%AA%D8%B9%D9%84%D9%8A%D9%82.png








