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

السبت، 2 يوليو، 2011














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


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


والطريقة مضمونة وسليمة 100% - بإذن الله -   ^^




 _____________________




أولا عليك إنشاء تطبيق خاص بك في الفيسبوك .. وذلك عبر الرابط التالي


https://developers.facebook.com/apps
ثم اتبع الخطوات التالية كما في الصور




( الخطوة الأولى )




( الخطوة الثانية )
 
( الخطوة الثالثة )
( الخطوة الرابعة )
( الخطوة الخامسة )
( الخطوة السادسة)
 
 سيصلك كود التفعيل كرسالة نصية لجوالك .. أعد كتابة الكود وفعل حسابك


( الخطوة السابعة )
( الخطوة الثامنة )




_____________________




 الآن توجه في مدونتك إلى: تصميم > تحرير html > توسيع القالب (لا تنس أخذ نسخة قبل ذلك)



ابحث عن الوسم التالي


<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  : 'ألصق الـID الذي نسخته سابقا هنا',       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>




قم بلصق الـID الخاص بك الذي احتفظت به سابقا في المكان المشار إليه





افتح المفكرة وألصق بها الكود التالي
  <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://2.bp.blogspot.com/-WLX72ryUAYE/TkkwDUrm6QI/AAAAAAAAAsc/jGY6exYXkJw/s1600/asma-logo.png' property='og:image'/> <meta content='اكتب الـID الذي نسخته سابقا هنا' property='fb:app_id'/> <meta content='www.facebook.com/اكتب عنوان بروفايك في  الفيسبوك هنا' property='fb:admins'/> <meta content='article' property='og:type'/>



قم الآن بتغيير المعلومات المشار إليها في الكود بما يناسبك



واستبدل رابط صورة الشعار الخاص بي في كود


http://2.bp.blogspot.com/-WLX72ryUAYE/TkkwDUrm6QI/AAAAAAAAAsc/jGY6exYXkJw/s1600/asma-logo.png





بعدما غيرت كل المعلومات في الكود السابق بمعلوماتك الخاصة، عد إلى تحرير html مدونتك



وابحث عن الوسم التالي


</head>


 وألصق الكود الذي غيرت معلوماتك فيه قبله مباشرة




الآن .. ابحث عن التالي


<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><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/></div> <div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:150%;'> </div> </b:if>




أو ألصق هذا الكود (إذا رغبت بصندوق تعليقات فيسبوك بألوان داكنة)




<b:if cond='data:blog.pageType == &quot;item&quot;'><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <div><fb:comments colorscheme='dark' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='650'/></div> <div style='font-size:10px; padding:3px;width:150%; float: center;'> </div> </b:if>










يمكنك تغيير عرض صندوق التعليقات للفيسبوك ليتناسق مع عرض تدوينتك





وذلك بتغيير القيمة في الكود التالي width='450'











قم بحفظ التغيرات على قالبك واستعرض مدونتك 

وتمتع بصندوق التعليقات الاحترافي الجديد من الفيسبوك  ◕‿◕








_____________________
































( الشرح معرب حصريا ومنقول من موقع allblogtools )






{ جمال محمد } في : 9 سبتمبر، 2011 6:33 ص يقول...

هنا فى السودان ممنوع انشاء التطبيقات فلم اتمكن من اضافته الى مدونتي يا اسماء

لو ماعندك مانع ممكن تساعدينى ؟
wazentat@hotmail.com

{ أسماء || أم نضال || } في : 9 سبتمبر، 2011 7:48 ص يقول...

@جمال محمد

تم إرسال ID لتطبيق خاص بمدونتك عبر إيميل المدونة

{ جمال محمد } في : 11 سبتمبر، 2011 1:22 ص يقول...

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

تحياتى مدداً

irlond في : 1 أكتوبر، 2011 9:45 م يقول...

لم انجح رغم ان جميع مراحل تم تطبيقها بحدافرها على هذه المدونة http://newzsky.blogspot.com/

 

لتحميل هذا القالب ..~

يمكنك تحميل قالب Focus Point المعرب والمطور مع إضافاته الاحترافية عبر مدونة أسماء || أم نضال ||