اضف صندوق تعليقات الفيسبوك لمدونتك | بلوجر Blogger - إمو التعليمية

أحدث المشاركات

Post Top Ad

أعلن هنا

Post Top Ad

إعلانك هنا

الاثنين، 13 أغسطس 2018

اضف صندوق تعليقات الفيسبوك لمدونتك | بلوجر Blogger

اضافة نموذج تعليقات Facebook  لمدونات blogger .


المكون الاضافى فيس بوك  Comments Box اطلق عام 2009 بواسطة Facebook developers  والهدف منة امكانية التعليق فى اى موقع الكترونى بواسطة حسابك الشخصى على فيس بوك ومشاركة التعليق او المحتوى على صفحتك على الفيس بوك ...

تعليقات فيس بوك
لانشاء المكون الاضافى " نموذج تعليقات شبكة الفيس بوك الاجتماعية "  

اولا اذهب الى موقع فيس بوك مطورين  facebook developers"  


اضغط انشاء تطبيق جديد
تطبيق فيس بوك
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"

اذا واجهت اى مشاكل اثناء اجراء العملية او وجدت انك وصلت لنتائج كارثية :
( لا تقلق ابدا وراسلنى فورا من خلال نموذج التعليقات وسوف نقوم سويا بحل المشكلة وبكل بساطة :)

ليست هناك تعليقات:

إرسال تعليق

Post Top Ad

أعلن هنا

إجمالي مرات مشاهدة الصفحة

  • Posts
  • Comments
  • Pageviews

تواصل معنا

أكثر من 600,000+ يتابعون موقعنا عبر وسائل التواصل الإجتماعي إنظم إلينا الآن

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

عن الموقع

author«إمو التعليمية» هي مدونة إلكترونية متخصصة في مجال الأسرة والمجتمع والتكنولوجيا الإلكترونية الهدف من هذا القانون هو نشر الثقافة التقنية للجميع من خلال سلسلة من المقالات والدورات التعليمية المجانية ، اعتقادا منها أنه يجب نشر العلم ، وليس بيعه ، لجذب انتباه المعلمين العرب وتحفيزهم على التدوين في الميدان من تقنيات التعليم لنشر أفكارهم وخبراتهم. تقوم المدونة بترجمة أهم المقالات والأخبار على المواقع الأجنبية
معرفة المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *