-->
الرئيسية » قسم انشاء الموقع وتطويرها » الطريقه الصحيحة والوحيده لأضافة تعليقات الفيس بوك الى المدونة

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

السلام عليكم ورحمه الله وبركاته .

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



بعد ذلك قم بوضع لاسم ثم الفئه للتطبيق الذي تريد انشائه كما موضح .


 

ومن ثم يقوم بأعطائك كود كابجا قم بأدخاله في المربع ثم اضغط على تقديم 

 

بعد اكمل الخطوات السابقه سيضهر لك التطبيق مع الايبي والذي هو المطلوب من الخطوات الاتيه .




الان انتهت الخطوه الاولى نبدأ بالخطوه الثانيه .
نقوم بالذهاب الى لوحه التحكم بلوكر ثم الى قالب تحرير 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/al-etqan12 إدن 
المعرف هو  al-etqan12ساقوم بإضافته في الكود . اما بالنسبة لمعرف التطبيق 
فستضيف الكود التطبيق  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' إلى اي قيمة لكي يتناسب عرض مربع تعليقات الفيسبوك مع مدونتك ، والان لم يبقى عليك سوى تحفيظ العمل ومبروك عليك إضافة مربع تعليقات الفيسبوك .

يمكنك تجريب الصندوق اسفل التدوينه كما تريد .

شارك الموضوع ادا اعجبك !

الكاتب : علي الياسري

اسمي علي حسين حمزة مدون عراقي مهتم بكل ماهو جديد بعالم الانترنت والتقنية واسعى الى تقديم لكم كل ما هو مهم وجديد .

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

إرسال تعليق

جميع الحقوق محفوضة لدى مدونة الاتقان للمعلوميات 2014-2015

تصميم : أسامة نصيف