شرح تركيب نظام تعليقات فيس بوك على البلوجر

12:58 ص | نشره : | نشر في: | 0تعليقات
شرح تركيب نظام تعليقات فيس بوك على البلوجر
شرح تركيب نظام تعليقات فيس بوك على البلوجر
شرح تركيب تعليقات فيسبوك على بلوجر

شرح تركيب تعليقات فيسبوك على بلوجر

ملاحظة هدا درس منقول وشكرا



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

ادخل على facebook developers لنشاء تطبيق خاص بالتعليقات 
بعد الدخول اضغط على انشاء تطبيق جديد او بالانكليزي  


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

ادخل الكلمات الموجودة واضغط على تقديم بعد ذلك سيظهر لنا الاتي

هذه الصفحة ستقوم بملاء الحقول الشار اليها بالصورة التالية ..ضروري حفظ رقم التطبيق ضروري
بعد ملاء الحقول المشار اليها بالسهم الاحمر تضغط على حفظ الاعدادات
..........................................................................................
تحتاج حفظ ايظا رقم الاي دي لصفحة مدونتك على الفيس بوك كيف تعرف رقم الاي دي
https://graph.facebook.com/YourProfile
غير Your Profile الى اسم بروفايلك بالفيس بوك 
مثلاء انا اسم بروفايلي على هذا الشكل 
https://graph.facebook.com/MustafaAlmalki
.................................................................................
بعد تجهيز رقم التطبيق ورقم الاي دي وحفظهم نبدأ اضافة الصندوق بالمدونة
.........................................................................................
ادخل الى لوحة تحكم المدونة ثم القالب 
ابحث عن الكود التالي بالقالب 

<html
ثم اضف بعده الكود التالي ..

xmlns:fb='http://www.facebook.com/2008/fbml'
ليصبح بهذا الشكل

 <html  xmlns:fb='http://www.facebook.com/2008/fbml'  expr:dir='data:blog..............2005/gml/expr'  >
ثم ابحث عن الكود التالي

<body>
ثم اضف الكود التالي بعده مباشرة

<div id="fb-root"></div>
<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/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>
اضف رقم التطبيق الذي حفظته
.............................................
ابحث عن الكود التالي

</head>
ثم اضف الكود التالي مع تغير داخل الكود وبتركيز قبله مباشراً

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>
<meta content='رقم التطبيق'   property='fb:app_id'/>
<meta content='رقم الاي دي لبروفيلك'   property='fb:admins'/>
<meta content='article'   property='og:type'/>
اضف اسم مدونتك بدل كلمة اسم مدونتك
هذا رابط الصورة يظهر عند حائط المعلق ليكون بهذا الشكل
لذلك غير الرابط التالي برابط شعار مدونتك

http://google.com/help/hc/images/logos/blogger_logo.gif
اضف رقم التطبيق الذي حفظته
واضف رقم الاي دي لبروفيلك الذي حفظته
.......................................................................
ابحث عن الكود التالي 

<data:post.body/>
والصق بعده مباشرأ الكود التالي................الكود التالي للمدونات ذات الالوان الفاتحة مثل لون مدونتي 

   <b:if cond='data:blog.pageType == 
&quot;item&quot;'>  <script 
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>  
<div><script 
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> 
<fb:comments migrated='1' expr:href='data:post.url'  
expr:title='data:post.title' expr:xid='data:post.id' width='450'/>  
</div> </b:if>
مع تغير عرض الصندوق اذا رغبت width='450 

 ............................................................................................

 وهذا الكود للمدونات الداكنة الالوان مثل السوداء 



<b:if cond='data:blog.pageType == 
&quot;item&quot;'> <script 
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> 
<div><script 
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> 
<fb:comments migrated='1' expr:href='data:post.url' 
colorscheme='dark' expr:title='data:post.title' expr:xid='data:post.id' 
width='450'/> </div> </b:if>
احفظ القالب 
....................................................................
لوحة تحكم التعليقات    https://developers.facebook.com/tools/comments/
.........................................................
الموضوع الاصلي من http://www.allblogtools.com

 


هل أعجبك الموضوع ؟

بقلم مصطفى

اسمي مصطفى 16 سنة بلدي المغرب اهتم بكل ما هو جديد في عالم الانترنت انشأت هدا المدونة لمشاركة الناس خبرتي المتواضعة في هدا المجال


مواضيع مشابهة :

ضع تعليقا

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

إرسال تعليق

جميع الحقوق محفوظة ©2013