الأربعاء، 16 يناير 2013

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


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


)، ولكن كان بها عيب اشتكى منه البعض وهو ان التعليقات تتكرر في جميع التعليقات 
وأخذت شكل كبير مثل الشكل التالي  :

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

اليوم بإذن الله مع افضل وأحدث طريقة لها مميزات :
1- لن تتكرر التعليقات بل كل موضوع له تعليقاته الخاصة.
2- إمكانية مراقبة التعليقات والرد عليها وجعل نفسك ادمن التعليقات وحذف التعليقات وخلافه.
3- إذا علق شخص على الموضوع فسوف يظهر هذا التعليق في حسابه على الفيس مرفقاً معه رابط هذا الموضوع ،وهذا مهم في كسب مزيد من الزيارات لمدونتك .
-  والكثير والكثير ستكتشفه بنفسك..


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


1- اضغط هــنــا لإنشاء صندوق تعليقات الفيس بوك : 
واتبع الشرح بالصور :(اضغط على الصور لتراها بالحجم الأصلي)
في الصورة السابقة :
App Name : اكتب اسم التطبيق (تعليقات الفيس بوك) اكتب اي اسم مش مهم.
App Namespace : اكتب أي حاجه مثلاً اسم مدونتك بالإنجليزية .
ثم اضغط متابعة


اذهب إلى إيميلك لكي تفعل التطبيق هتلاقي رابط : فقط اضغط عليه وبذلك يكون تم التفعيل .
ركز في الصورة التالية :


- الأرقام التي بجانب  App id في اول الصورة السابقة   احفظها في المفكرة على الجهاز علشان هنحتاجها في خطوة بعد كده .

- عند App domain : نطاق المدونة لو بلوجر مجانية يبقى (blogspot.com)

- عند site url : الصق رابط مدونتك اللي هيظهر فيها صندوق تعليقات الفيس بوك .


الخطوة الثانية :
عبارة عن اكواد لابد من وضعها في القالب حتى يعمل صندوق تعليقات الفيس بوك
من لوحة تحكم المدونة اذهب إلى تحرير html ، وضع علامة على توسيع القالب 

1- ثم ابحث عن  <html ثم ضع بعده مباشرة الكود التالي:





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



بحيث يأخذ شكل الكود في القالب كما يلي :



<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
2- ابحث عن الوسم <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>



3- بعد ذلك ابحث عن الوسم </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'/>
غير ماهو ملون في الكود السابق كما يلي :
عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.
الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.
معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
معرف حسابك على فيسبوك ID :
وهو عبارة عن مجموعة ارقام تظهر في آخر رابط اكونتك على الفيس بوك
مثل التالي :
http://www.facebook.com/profile.php?id=100003641885522

ثم ابحث عن<data:post.body/> و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:
560 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك، و هذا هو الكود الذي يتولى إظهار صندوق التعليقات، فيمكنك إدراجه في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك.




<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='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>

مواضيع ذات صلة

فضل وأحدث طريقة لإضافة صندوق تعليقات الفيسبوك لمدونات بلوجر
4/ 5
بواسطة

إشترك بنشرتنا البريدية

إشترك معنا عبر بريدك الإلكتروني للحصول على اخر اخبارنا و مواضيعنا.

2 comments

شاركنا comments
avatar
22 أبريل 2013 في 3:47 م

شكراا لك

http://waseeela.blogspot.com/

رد
avatar
13 أغسطس 2015 في 7:40 م

بارك الله فيك على هذا الشرح لكن انا اواجه مشكل هو : ان الزار الذي يزور المدونة من الهاتف لا يظهر له صندوق التعليقات فاسبوك هل من حل و شكرا
http://el-amal1.blogspot.com/

رد