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

on - 2/20/2014
بسم الله الرحمن الرحيم
اليوم اقدم لكم شرح لكفية وضع  تعليقات الفيس بوك في مدونتك بطريقة جديدة


اولا عليك انشاء تطبيق خاص على الفيس بوك
عبر الرابط التالي 

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

وبعد ذالك اتبع الصورة



كما واضح في الصورة سوف تكتب رابط مدونتك في خانة site url
وبعدها في الاخانة الاخري اكتب blogspot.com
ولا تنسي ان تنسخ معرف التطبيق لانك سوف تحتاجه لتركيب التعليقات

ثانيا نذهب الي المدونة من لوح تحكم مدونتك اذهب إلى صفحة التصميم ثم تحرير HTML

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

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

لتصبح هكذا 
<html xmlns:fb='http://www.facebook.com/2008/fbml'

وبعد ذالك ابحث في القالب عن الكود التالي 
</head>

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

<meta content='ركثون اون لاين' property='og:title'/>
<meta content='http://rkthononline.blogspot.com/' property='og:url'/>
<meta content='ركثون اون لاين' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='معرف التطبيق' property='fb:app_id'/>
<meta content='معرف الادمن' property='fb:admins'/>
<meta content='article' property='og:type'/>


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

وبعد ذالك قم بالبحث عن
 </body>
سوف تجدها في اخر القالب

واضف الكود التالي فوقه مباشرة
مع تغير معرف التطبيق بي معرفك التطبيق الخاص بك

<!--تعليق الفيس بوك 2-->
    <div id='fb-root'/>
    <script>
      window.fbAsyncInit = function() {
        FB.init({xfbml: true, appId:معرف التطبيق});
      };
      (function() {
        var e = document.createElement(&#39;script&#39;); e.async = true;
                                       e.src = document.location.protocol +
                                       &#39;//connect.facebook.net/ar_AR/all.js&#39;
                                       document.getElementById(&#39;fb-root&#39;).appendChild(e);
                                       }());
    </script>
    <!---->


وبعد ذالك قم بالبحث عن 
<data:post.body/>
او
 <b:if cond='data:blog.pageType == &quot;item&quot;'>

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


 <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='550'/>
                      </div>
                      <div align='right'/>



وبعد ذالك اضغط حفظ وهكذا نكون انتهينا 


التصنيفات

إرسال تعليق

0 تعليقات

(ما يلفظ من قول إلا لديه رقيب عتيد)