تعليقات الفيسبوك بأحدث طريقه لتدويناتك على بلوجر

Thursday, 2 May 2013

تعليقات الفيسبوك بأحدث طريقه لتدويناتك على بلوجر

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

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

قم بالضغط على هذا الرابط وسيفتح لك صندوق حوارى يطلب منك أن تدخل سطرين من البيانات

-->

إدخل فى السطر الأول إسم التطبيق وليكن مثلا ( تعليقات الفيسبوك ) أو أى إسم تريده . إدخل فى السطر الثانى إسم مدونتك بالإنجليزيه ( e7tarif ) مثلا أو أى إسم تريده .
ثم إضغط إستمرار أو متابعه أو continue تبعا للغة إستخدامك للفيسبوك .
سيظهر لك مربع حوارى آخر به كلمه للتحقق , قم بإدخالها ثم إضغط متابعه .

ستجد أن المربعات الحواريه قد أغلقت وظهرت أمامك الصفحه بها بيانات , وهى ما يهمنا كما فى الصوره .

إفتح تحرير HTML الخاص بقالب مدونتك ثم إتبع الآتى :

إبحث عن الكود التالى :

<html بعد ان تجده قم بإضافة xmlns:fb='http://www.facebook.com/2008/fbml' لكي يصبح عل هذا الشكل كما في الصورة
جيد ! الان إبحث عن <body> وبعدها مباشرة قم بإضافة الكود الآتي :
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
    FB.init({xfbml: true, appId: معرف التطبيق });
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/ar_AR/all.js'
    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='معرف التطبيق ID'   property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>
غير عنوان المدونة إلى إسم مدونتك ، والتي ستضهر في بروفايل اي شخص عندما سيعلق على موضوع في مدونتك بإستخدام حسابه في الفيسبوك ، كذلك قم بإضافة معرف حسابك على الفيسبوك والذي سيجعلك مديرا للتعليقات من اجل إدارتها ، ولكي تعرف معرفك الخاص انقر على بروفايلك في الفيسبوك وابحث في الرابط في الاعلى عن إسم المستخدم مثلا حسابي الخاص هو facebook.com/bouchikhi.s إدن المعرف هو bouchikhi.s ساقوم بإضافته في الكود . اما بالنسبة لمعرف التطبيق فستضيف الكود التطبيق App ID الذي نسخته مرة اخرى .

الان اشرفنا على الإنتهاء ، لم يبقى سوى إضافة نافدة تعليقا الفيسبوك إلى المدونة وسيكون ذلك عن طريق البحث عن <data:post.body/> تم إضإفة الكود الاتي مباشرة اسفلها :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>
يمكنك تغير الــ width='600' إلى اي قيمة لكي يتناسب عرض مربع تعليقات الفيسبوك مع مدونتك ، والان لم يبقى عليك سوى تحفيظ العمل ومبروك عليك إضافة مربع تعليقات الفيسبوك

منشورة في: بلوجر, فيسبوك

yawmi4tek

Thursday, 2 May 2013