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

يوسف الملازم
المؤلف يوسف الملازم
تاريخ النشر
آخر تحديث

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

السلام عليكم و رحمة الله تعالى و بركاته . و بعد في هذه التدوينة سأريكم الطريقة الصحيحة لإضافة صندوق تعليقات الفيسبوك إلى مدونة بلوجرفهذه الإضافة جد مهمة لأنها تخلق علاقة بين المدون و القارئ وعلى عكس صندوق تعليقات بلوغر التقليدي فشبكة الفيسبوك لهى صدى كبير في العالم العربي مما من شأنه أن يحفز القارئ على التعليق , و الأن نمر إاى الطريقة :
توجد طريقة صحيحة واحدة لإضافة نظام تعليقات الفيسبوك  ، وهي عن طريق الذهاب اولا إلى مركز تطبيقات فيسبوك developers.facebook.com/apps

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

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


الان إنتهيت من الخطوة الاولى ، للنتقل للخطوة الثانية وهي عن طريق التوجه إلى منصة المدونة على بلوجر تم إذهب إلى تحرير القالب وابحث عن هذا الكود <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/hichaaa إدن المعرف هو hichaaa  ساقوم بإضافته في الكود . اما بالنسبة لمعرف التطبيق فستضيف الكود التطبيق  App ID الذي نسخته مرة اخرى .

الان اشرفنا على الإنتهاء ، لم يبقى سوى إضافة نافدة تعليقا الفيسبوك إلى المدونة  وسيكون ذلك عن طريق البحث عن <data:post.body/> أو 
  • <b:includable id="comment-form" var="post">
 تم إضإفة الكود الاتي مباشرة اسفلها :
<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' إلى اي قيمة لكي يتناسب عرض مربع تعليقات الفيسبوك مع مدونتك ، والان لم يبقى عليك سوى تحفيظ العمل ومبروك عليك إضافة مربع تعليقات الفيسبوك
- See more at: http://www.3amali9a.net/2013/07/facebook-comment.html#sthash.w0YwkSWV.dpuf

هذا الموضوع مقتبس من مدونة عمالقة النت رابط الموقع    
عمالقة النت     http://adf.ly/1TSZWN

تعليقات

عدد التعليقات : 0

    إضافة تعليق جديد

    تعليقكم يعكس شخصيتكم ، دعونا نتمتع باللباقة في الكلام.