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

  أولا انشاء تطبيق على الفيسبوك من خلال   توجه الى هدا الرابط     انشاء تطبيق

 ثم تابع الشرح في الصور



 ملاحضة: لن يتم انشاء التطبيق الى اذا كنت مفعلا لحسابك على الفيسبوك عن طريق الهاتف ,لذالك اذا وجدت مستطيلا أحمر سيخبرك بأن حسابك غير مفعل لذالك فعل حسابك أولا ثم أكمل 
 بعد التأكبد ستجد هده


ثم  انزل للأسفل وضغط على website ( حفظ التغييرات ) وضع رابط موقعك كما في الصورة


 ثم ادا وجدة هده في الاعلاى فانها تعني التعديل تم حفضه وكل شيء حتى الان ممتاز


بعد تجهيز رقم التطبيق ورقم الاي دي وحفظها نبدأ اضافة الصندوق بالمدونة

طريقة التركيب :

بلنسبة للواجهة الجديدة  :  
لاتنسى اخد نسخة احتياطية للقالب  

1.لوحة التحكم 
2.القالب
3. ثم تحريرhtml 
 4.متابعة 

5 -.توسيع القالب

 ثم ابحث عن الكود التالي :بالضغط على      alt+f 

  <html
 ثم ضع بعده  ضع الكود التالي  (يعني ضع مساحة  فقط نقرة بجانب الكود ثم ضع الكود التالي:)

        xmlns:fb='http://www.facebook.com/2008/fbml'
 ليصبح هكذا
    <html xmlns:fb='http://www.facebook.com/2008/fbml' 
 ثم قم بالبحث على الكود التالي
  <body>

ملاحظة: بالنسبة قوالب بلوجر الجديدة فانك ستجد الكود على هذا الشكل

  <body expr:class='"loading" + data:blog.mobileClass'>

ثم قم بوضع الكود التالي أسفل احد الكودين حسب ما عندك


       <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='justcreativity' property='og:site_name'/>
<meta content='رابط اللوغو أو الصورة الخاص بالمدونة' property='og:image'/>
<meta content='رقم التطبيق ' property='fb:app_id'/>
<meta content='http://www.facebook.com/justcreativity.info' property='fb:admins'/>
<meta content='article' property='og:type'/>

 غير مايلي في الكود :

 غير justcreativity  باسم مدونتك
غير   رابط اللوغو أو الصورة الخاص بالمدونة  الى صورة لمدونتك  بحيث ستضهر هده الصورة بجانب عنوان موضوعك  على بروفيلات الزوار ويفضل أن تكون بحجم 40px * 40 px
  بدل  رقم التطبيق    برقم التطبيق الدي أنشأناه
غير justcreativity.info  برابط بوفيلك وليس صفحتك
ثم الخطوة الأخير وهي البحث عن الكود التالي
 
 <b:includable id='comment-form' var='post'>

 ثم  ضع تحته مباشرة الكود التالي


         <b:if cond='data:blog.pageType == "item"'><div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><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='520'/></div></div></b:if>
 ملاحضة : يمكنك تغير مايلي حسب دوقك 
    ar_AR   تجعل  الاداة باللغة العربية  ويمكن ارجاعها بالانجليزية  بوضع    en_US 
light  تعني لون الصندوق الطبيعي  وهي الأبيض  ويمكنك ارجاعه أسود وضع DARK  مكانها
520  تعني عرض الاداة ويمكنك التعديل الى مايناسبك
 ثم في الأخير احفض القالب

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