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

طريقه أضافه مربع تعليقات فيسبوك الى بلوجر

الخطوه الأولى : اخفاء التعليقات الخاصه ببلوجر عن طريق الذهاب الى اعدادات ثم اختيار التعليقات و اختيار اخفاء ثم حفظ الاعدادات 

الخطوه الثانيه : انشاء تطبيق على الفيسبوك ( ابليكيشن ) و الموضوع غايه فى البساطه فكل ما عليك هو فتح الرابط التالى فى صفحه جديده
  https://developers.facebook.com/apps/?action=create

ثم اختيار اسم للتطبيق " اختار اى اسم " ثم اضغط على التالى 



بعد ذلك ستظهر لك صفحه مشابهه للصوره التاليه و كل ما عليك هو كتابه عنوان مدونتك امام App Domain
ستلاحظ ايضا فى نفس الصفحه ارقام مكتوبه اما APP ID يجب ان تحفظ تلك الارقام لأننا سنستعملها فى الكود


الخطوه الثالثه : اضافه الكود 

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

1- نذهب الى لوحه التحكم الخاصه ببلوجر و منها الى تصميم ثم تحرير HTML و سنضع علامه داخل مربع "توسيع قوالب عناصر واجهه المستخدم"

2- ابحث عن الكود التالى
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'  >

__________________________________________________________

 3- ابحث عن الكود التالى

 <body>
و ضع بعده هذا الكود 

<div id="fb-root"></div>
 <script>  
 window.fbAsyncInit = function() { 
   FB.init({   
    appId  : 'YOUR   APP 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>

مع مراعاه تغيير كلمه YOUR APP ID الى الارقام التى حفظناها فى الخطوه الثانيه 


__________________________________________________________


4- ابحث عن الكود التالى 

</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='MY-SITE-NAME' property='og:site_name'/>
<meta   content='http://google.com/help/hc/images/logos/blogger_logo.gif'   property='og:image'/>
<meta content='YOUR-APP-ID'   property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID'   property='fb:admins'/>
<meta content='article'   property='og:type'/>
مع مراعاه تغيير كل من 
MY -SITE-NAME الى اسم مدونتك 
http://google.com/…/blogger_logo.gif غيره الى عنوان لوجو مدونتك او اتركه كما هو ان اردت
YOUR-APP-ID سنضع هنا رقم APP ID الخاص بنا كما فى الخطوه 3 
YOUR-FACEBOOK-PROFILE-ID الاى دى الخاص ببروفايل الفيسبوك الخاص بك و تستطيع ايجاده بالذهاب الى بروفايلك على الفيسبوك و نسخ عنوان بروفايلك الموجود فى شريط العنوان فى المتصفح و لكن بدون https://www.facebook.com 
* الكلمه او الارقام الموجوده فى عنوان بروفايلك بعد عنوان الفيسبوك هو الاى دى الخاص بك 
____________________________________________________________________

5- اقتربنا من النهايه !!! 
ابحث عن الكود التالى 

<data:post.body/>

و ضع بعده مباشره هذا الكود  


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><img alt='' class='icon-action' height='51' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NfcjoH0Pr1669GkfNb6uvMZX6i56umlnMdoOaL4I2Nwm8gpiq8t0DGzfGbtGbIzAX71BymZe6yI6vArb3px2-9ySnty78K4fNDYVaYdty8mvJXUMvvez6IIBfoTxl0gCTSQDVzwzxDs/' width='331'/></p>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url'   expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a>  brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>

مع ملاحظه انه يمكنك تغيير عرض مربع تعليقات الفيسبوك عن طريق تغيير الرقم 450 

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

طريقه أضافه مربع تعليقات فيسبوك الى بلوجر

الاشتراك في: الرسائل (Atom)