اضافه تعليقات الفيس بوك للبلوجر احدث واسهل طريقه

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

اولا اذهب ل facebook developers

ومنها انشاء تطبيق جديد

اكتب اسم التطبيق

بعد ذلك اضغط متابعه

بعد ذلك انسخ ‎App ID/API Key سوف نحتاجه فيما بعد

بعد ذل اذهب الي لوحه تحكم بلوجر /قالب/تحرير html/بعد ذلك اضغط ctrl f
وابحث عن الكود التالي

<html

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

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

مثال
<html expr:dir="data:blog..............2005/gml/expr"
xmlns:fb="http://www.facebook.com/2008/fbml">

ابحث عن هذا اكود

<body>

وضع هذا الكود بعده


<div id="fb-root"></div>
<script>


w.fbAsyncInit = function() {

    FB.i

    wind
onit({

ppId  : 'YOUR   APP ID',
      
a

    status : true, // check login status


         cookie : true, // enable cookies to allow the server to access the   session
      xfbml  : true  // parse XFBML
    });
  };

    (function() {

.location.protocol +   '//connect.facebook.ne
    var e = document.createElement('script');
      e.src = documen
tt/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());


</script>

مع استبدال ماهو باللون الاحمرYOUR APP ID بال‎App ID/API Key السابق الاشاره اليه

بعد ذلك ابحث عن هذا الكود

</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 باسم مدونتك

واستبدل YOUR-APP-ID بال ‎App ID/API Key السابق الاشاره اليه

واستبدل YOUR-FACEBOOK-PROFILE-ID ب اي دي الفيس بوك الخاص بك

يمكنك معرفته

عن طريقة : عن الدخول الصفحة الشخصية وتغير www الى grap

ليصبح
\https://www.facebook.com/ehab.sabry.5

https://graph.facebook.com/ehab.sabry.5

وبعد ذالك ابحث عن هذا الكود

<data:post.body/>

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

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<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.ollengg.com/2013/03/how-to-add-facebook-comment-box-in.html' target='_blank' title='ollengg'>OllEngg Facebook comments for blogger</a>  brought to you by <a href='http://www.ollengg.com/' target='_blank' title='OllEngg'>ollengg.com , Get Yours?</a></b></div>
</b:if>

لتغير عرض صندوق التعليقات غير الرقم باللون الاحمر 450 الي العرض الذي تريده حسب نوع القالب

انتهي الشرح اي استفسار لاتتردد

just in time

اضافه تعليقات الفيس بوك للبلوجر احدث واسهل طريقه

آخر المشاركات

تعليقات: 0

إرسال تعليق