طريقة اضافة تعليقات فيس بوك لمدونات بلوجر

الهدف من الاضافة امكانية التعليق فى اى موقع الكترونى بواسطة حسابك الشخصى على فيس بوك ومشاركة التعليق او المحتوى على صفحتك على الفيس بوك ...
لانشاء المكون الاضافى " نموذج تعليقات شبكة الفيس بوك الاجتماعية "  
اولا اذهب الى موقع فيس بوك مطورين  facebook developers"  https://developers.facebook.com/apps"
اضغط انشاء تطبيق جديد
تطبيق فيس بوك
FACEBOOK APP
بعد استكمال عملية انشاء التطبيق سوف يقوم فيس بوك بتزويدك ببيانات ستحتاج اليها لاحقا ومن اهمها رقم معرف التطبيق App ID

 App ID/API Key ....
الان ناتى للمرحلة الثانية :
  • اضافة نموذج تعليقات الفيس بوك بقالب مدونة بلوجر 
* ملاحظة يجب التاكد اولا من انك تستخدم نموذج تعليقات بلوجر اسفل التدوينات
  1. اذهب الى لوحة تحكم بلوجر 
  2. تحرير HTML 
  3. اضغط توسيع النموذج
  4. ابحث عن الكود التالى ..
 <html 

وبعدة مباشرة اضف الكود التالى...

xmlns:fb='http://www.facebook.com/2008/fbml'
ابحث عن الكود التالى ..

 <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> 
وبعدة مباشرة اضف الكود التالى...

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;App ID/API Key&#39;,
      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(&#39;script&#39;);
      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
</script>
*استبدل  App ID/API Key  برقم تعريف App ID للتطبيق الذى انشاتة مسبقا  
ابحث عن الكود التالى..

 </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=' App ID/API Key   ' property='fb:app_id'/>
<meta content=' http://www.facebook.com/CASERMEMO ' property='fb:admins'/>
<meta content='article' property='og:type'/>
 واستبدل كل من القيم الملونة كالتالى ..
  1. كود بلوجر بعنوان مدونة بلوجر الخاصة بك 
  2. استبدل  App ID/API Key  برقم تعريف App ID للتطبيق 
  3. استبدل  CASERMEMO  بعنوان معرف البروفايل الخاص بادمن الابلكيشن 
ابحث عن الكود التالى..

 <b:includable id='comment-form' var='post'> 

وبعدة مباشرة اضف الكود التالى..

<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
الان لقد اتممت عملية اضافة صندوق تعليقات الفيس بوك الى مدونة بلوجر "blogger"
اذا واجهت اى مشاكل اثناء اجراء العملية او وجدت انك وصلت لنتائج كارثية :
( لا تقلق ابدا وراسلنى فورا من خلال نموذج التعليقات وسوف نقوم سويا بحل المشكلة وبكل بساطة :)

0 شارك واكتب تعليق:

إرسال تعليق