متابعين صفحتك على الفايس بوك >> للحصول عليها اضغط هنا الاداة متاحة باللغة العربية و الانجليزية لتناسب كل المواقع و المدونات ...
شكل الاداة كالاتي
http://12abjdhoaz.blogspot.com/ الشرح طويل لاني اردت وضع كل الخطوات بالتفاصيل المملة علشان اعضائنا الحلوين ..** و تعرض مع تعليقات البلوجر التقليدية لكن اذا اردت الاكتفاء بتعليقات الفايس بوك فقط و اخفاء تعليقات البلوجر >> اضغط هنا الطريقة : اولا : ضبط اعدادات الفايس بوك و انشاء التطبيق1. ادخل الموقع التالي : https://developers.facebook.com/apps/ قد يطلب منك تسجيل الدخول بحسابك في الفايس بوك
2. اضغط على زرار انشئ تطبيق جديد او
Create New App 3. قم بالسماح للتطبيق من استخدام معلوماتك الشخصية لأنشاء التطبيق ( اضغط سماح )
Allow4. ادخل معلومات التطبيق و هي الاسم
المعروض و اسم التطبيق و قم بالتأشير على الموافقة على الشروط و البنود
الخاصة بالخدمة ثم استئناف او
Continueملاحظة : اسم التطبيق يجب ان يكون خالي من المسافات ولا يتوي على اي حروف كبيرة Capital
5. قم بأدخال الرقم التأكيدي
ملاحظة : قد يظهر لك مربع احمر و محتواة ان حسابك الخاص بك في الفايس بوك يحتاج الى تأكيد او تفعيل
و هذا اذا لم تكن قد قمت بتأكيد حسابك من قبل
قم بالضغط على Mobile Phoneو الان قم بأدخال رقم تليفونك
سوف تصلك رسالة بها الكود قم بأدخالها و اضغط تأكيد
Confirm و كما قلنا فخطوة تأكيد الحساب سوف نقوم بها اذا ظهرت لنا فقط ...
الان سوف يقوم بنقلك الى صفحة اعدادات التطبيق و بها رقم التطبيق قم بالاحتفاظ به لاننا سوف نستخدمة بداخل الكود
في خانة
App Domain سو تقوم بأدخال موقعك كامل بهذا الشكل
www. **** .comثم تضغط
ENTER و سوف يتحول الى مربع كما ترى بالصورة
لنكمل الاعدادات اختر موقع او
Website و قوم بأدخال موقعك كما ترى بالصورة بهذا الشكل :
و اضغط حفظ ..اخر خطوة و هي الحصول على اي دي البروفايل الخاصة بك
قم بفتح بروفايلك .. و لمن لا يعرف فقط قم بالضغط على صورة البروفايل
سوف تجد رابط الصفحة من الاعلى كالآتي : قم بأخذ الرقم او الاسم الذي يلي مباشرة ID= ( اسم او رقم )و احتفظ به ...اذا وجدت رابط بروفايلك بالشكل التالي :خد اخر اسم rayk.cool ... فقط كدة احنا خلصنا شغلنا على موقع الفايس بوك ...
ثانيا : وضع الاكواد و تركيبها بمدونات البلوجر1. تصميم2. تحرير HTML3. قم بالتأشير على
توسيع قوالب عناصر المستخدم الان ابحث عن :<blockquote class="tr_bq">
<html</blockquote>
و قم بأضافة الكود التالي بنهايتة مباشرة قبل
<blockquote class="tr_bq">
></blockquote>
الكود :<blockquote class="tr_bq">
xmlns:fb='https://www.facebook.com/2008/fbml' </blockquote>
ليصبح بالشكل الذي نراة بالصورة :
و الان قم بالبحث عن : <blockquote class="tr_bq">
</head></blockquote>
و اضف قبلة مباشرة الكود التالي :
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<!-- Facebook Comment Start--><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='ضع هنا رابط صورة مصغرة لمدونتك او موقعك اذا اردت' property='og:image'/><meta content='رقم التطبيق الذي حصلنا عليه من قبل' property='fb:app_id'/><meta content='اي دي البروفايل الذي حصلنا علية من قبل' property='fb:admins'/><meta content='article' property='og:type'/><!-- Facebook Comment End--></blockquote>
ملاحظة : لا تنسى استبدال المعلومات داخل الكود . باللون الاحمرالان ابحث عن :<blockquote class="tr_bq">
<body>او</tbody></blockquote>
ملاحظة : قوالب بلوجر الحديثة تستخدم </tbody> و القوالب العادية تستخدم </body>
و قم بأضافة الكود التالي بعده مباشرة :
<blockquote class="tr_bq" dir="ltr" style="text-align: left;">
<!-- Facebook Comment Start--><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 + 'https://connect.facebook.net/ar_AR/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }());</script><!-- Facebook Comment End--></blockquote>
ملاحظة : لا تنسى استبدال المعلومات داخل الكود . باللون الاحمر
لان ابحث عن الكود التالي :
<blockquote class="tr_bq">
<div class='post-footer'><div class='post-footer-line post-footer-line-1'></blockquote>
ملاحظة : عند البحث ابحث عن السطر الاول او الثاني حتى تجد السطرين بنفس الترتيب بالاعلى .
و ضع بعدة مباشرة الكود التالي :
<blockquote class="tr_bq">
<!-- Facebook Comment Start-->
<b:if cond='data:blog.pageType == "item"'>
<p align='right'>
<img alt='' class='icon-action' height='83' src='http://1.bp.blogspot.com/-ZlOBDWpfIdk/TlrissDlYZI/AAAAAAAAADo/-kOW6qPJmMI/s1600/facebook-comment.png' width='300'/></p>
<script src='https://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><fb:comments expr:href=post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/>
<script src='http://sites.google.com/site/javacodehtml/fb.js' type='text/javascript'/></div>
</b:if>
<!-- Facebook Comment End--></blockquote>
ملاحظة : الرابط باللون الاحمر هو عبارة عن الصورة الخاصة بـ انشر تعليقك بأستخدام الفايس بوك و يمكنك تغييرها اذا لم تعجبك .
الكود باللون الاخضر و يمثل عرض الاداة و يمكنك تكبيرة او تصغيرة ليناسب القالب الخاص بك
و اخير : هذة الاداة مضافة باللغة العربية فأذا اردتم تحويلها الى الانجليزية كل ما عليكم فعلة هو البحث عن هذا :
https://connect.facebook.net/ar_AR/all.js و استبدالة بهذا :
https://connect.facebook.net/en_US/all.js
اخيرا اضغط حفظ ... و قم بمشاهدة موضوعاتك
لأي ملاحظات او اي استفسار اترك تعليقك و سوف يتم الرد عليه بأقرب وقت