القائمة الرئيسية

الصفحات

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

تعتبر  تعليقات الفيسبوك اضافة جد رائعة ومفيدة/ تتيح التواصل مع زوارك على الفيسبوك بشكل سهل جدا وايضا إمكانية الرد على تعليقات الآخرين و الإعجاب بها وإدارة التعليقات و التحكم الكامل فيها   و أيضا  كل من علق فإن تعليقه سظهر على مرفوقا بالموضوع والتعليق الدي وضعه  في حال أبقى على الإشارة في خانة نشر في فيسبوك وهدا بطبيعة الحال سيزيد من انتشار مواضيعك على أكبر شبكة اجتماعية في العالم وبالتالي زيادة في الزوار ..




 أولا انشاء تطبيق على الفيسبوك

الان  توجه الى هدا الرابط     انشاء تطبيق
http://egcom.blogspot.com/

 http://egcom.blogspot.com/
 http://egcom.blogspot.com/
 http://egcom.blogspot.com/
  الان انتهينا من انشاء التطبيق يبقى الان اضافة الأكواد 

ثانيا : اضافة الاكواد  



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

لاتنسى اخد نسخة احتياطية للقالب                                                   
1.لوحة التحكم                                                                                    
2.القالب                                                                                           
3. ثم تحريرhtml;.                                                                            

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

<html

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


xmlns:fb='http://www.facebook.com/2008/fbml'

 ليصبح هكدا 

 <html xmlns:fb='http://www.facebook.com/2008/fbml' 


  •  ثم قم بالبحث على الكود التالي

<body>

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


<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

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

<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId  : &#39;ضع رقم التطبيق هنا&#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/ar_AR/all.js&#39;;
    e.async = true;
      document.getElementById(&#39;fb-root&#39;).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/JahlDroit' property='fb:admins'/>
<meta content='article' property='og:type'/>
غير مايلي في الكود :

  •  غير مدونة مختلف العلوم  باسم مدونتك
  • غير   رابط اللوغو أو الصورة الخاص بالمدونة  الى صورة لمدونتك  بحيث ستضهر هده الصورة بجانب عنوان موضوعك  على بروفيلات الزوار ويفضل أن تكون بحجم 40px * 40 px
  •   بدل  رقم التطبيق    برقم التطبيق الدي أنشأناه 
  • غير JahlDroit  برابط بوفيلك وليس صفحتك 
ثم الخطوة الأخير وهي البحث عن الكود التالي

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

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

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>

 ملاحضة : يمكنك تغير مايلي حسب دوقك 
  1.     ar_AR   تجعل  الاداة باللغة العربية  ويمكن ارجاعها بالانجليزية  بوضع    en_US  
  2. light  تعني لون الصندوق الطبيعي  وهي الأبيض  ويمكنك ارجاعه أسود وضع DARK  مكانها 
  3. 520  تعني عرض الاداة ويمكنك التعديل الى مايناسبك
 ثم في الأخير احفض القالب 

وهدا كل شيء أي اتفسار أو مشكل ضعه في التعليق’والسلام عليكم.

هل اعجبك الموضوع :

تعليقات