• اخر الاخبار

    الاثنين، 22 سبتمبر 2014

    الموضوع الشامل حول تعليقات فيس بوك

    Add Facebook Comments box to blogger
    تعليقات فيس بوك أحد أهم نماذج التعليقات المتاحة للمواقع بشكل عام ولمنصة بلوجر بشكل خاص وهي تساهم في نشر المدونة على الفيس بوك مع كل تعليق وهي الخيار المثالي للمدونات المتخصصة في الفيس بوك أو المدونات التي تقوم بناء على أحد صفحات الفيس بوك لكن لحظة لا تتعجل وتكمل الموضوع قبل قراءة الموضوع التالي لتعرف هل هذه التعليقات مناسبة لمدونتك أم لا, تعرف على أنظمة التعليقات وإختيار نظام يتناسب مع مدونتك إن كنت قرأت الموضوع ورايت أن هذا النظام مناسب لك فاتبع التالي ملحوظة نحن سنعمل على استبدال نظام التعليقات الخاص ببلوجر بنظام تعليقات فيس بوك وليس اضافتهما معا حتى لا تصبح المدونة ثقيلة ويطفش زوارك ^_^؛ ركز جيدا في الموضوع خطوة خطوة لضمان النجاح بإذن الله

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




    قم بالدخول الى الصفحة التالية لإنشاء تطبيق من هنــا ثم اضغط على Create App
     ثم ستظهر هذه النافذة قم بعمل التالي

    Facebook create app

    ثم اكتب رقم التحقق

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

    Facebook App id

    بعد الضغط على إعدادت قم بعمل التالي

    app  Add Platform
    ومن يملك دومين مدفوع يكتبه في خانة الدومين مثال cnmu.com أو cnmu.net أو غير ذلك
    بعد الضغط على Add Platform
    ستظهر هذه النافذة


    ثم املأ الخانات بالشكل التالي


    الخطوة الثانية تركيب نظام التعليقات

    أولا قم بالدخول لإعدادات مدونتك ثم اختر مشاركات وتعليقات ثم من جوار موقع التعليقات حدد اخفاء

    Hide Blogger Comments
    وهذا الإجراء سيقوم بإخفاء تعليقات بلوجر وبهذا ستكون تعليقات فيس بوك وحدها دون أى ثقل
    ثم نقوم بالتركيب كالتالي
    نبحث عن <html ثم نستبدله بهذا الكود
    <html xmlns:fb='http://www.facebook.com/2008/fbml'
    ثم فوق الوسم </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>
    مع وضع رقم معرف التطبيق

    ثم نبحث عن هذا الكود <div class='comments' id='comments'>
    ونضيف تحته الكود التالي
    <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='600' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
    </div>
    </b:if>
    الرقم 600 هو عرض الصندوق يمكنك زيادته او انقاصه بحسب مساحة مدونتك

    ثم بعد الوسم <head> نضيف هذا الكود
    <meta property="fb:app_id" content="{معرف التطبيق}"/>
    <meta property="fb:admins" content="{معرف الحساب}"/>
    ونستبدل أيضا معرف التطبيق ومعرف حسابك على الفيس بوك ويمكنك الحصول عليه بالطريقة التالية
     استبدل كلمة YourProfile  في هذا الرابط بإسم عضويتك ثم افتحه بالمتصفح
    https://graph.facebook.com/YourProfile
    في الصفحة التي ستظهر ستجد رقم بجوار كلمة id هذا هو معرف حسابك انسخه
    وهكذا انتهينا تماما من التركيب
    ملحوظة ان كانت مدونتك جماعية يمكنك عمل فاصلة , بجوار معرف حسابك ثم اضافة معرف مشرف آخر على التعليقات ثم فاصلة ومعرف مشرف آخر وهكذا
    ثم ادخل الى هذه الصفحة من هنا واضغط على اسم التطبيق ان كان لديك أكثر من واحد ثم على الإعدادات واضف المشرفين بالطريقة التالية


    الخطوة الثالثة الإضافية عداد التعليقات

    هذه خطوة اضافية اختيارية كما قلنا نحن سنستبدل التعليقات لذا نحتاج الى وجود عداد للتعليقات
    وهذا هو أضف الكود التالي
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <span style='float:right; margin-right:3px; margin-left:3px;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhegw_L-25cl-FLmUa0o8HVGZAN9MeMCEtd7ob1TcM_xIm4251oIiMdtquHayCG3XV56ZVHrZXf9jHN3ob_b8DGA57RAFaiMSZsd7Kv1d3lf3pyH-ymlbNwHrNXOVgWhmTEf7zrDxvbHug/s16/facebook_icon.gif'/>
    <a class='comment-link' expr:href='data:post.addCommentUrl'><fb:comments-count expr:href='data:post.url'/> تعليق </a></span>
    </b:if>

    تحت أحد هذه الأكواد
     <div class='post-header'>

    <div class='post-header-line-1'/>

    <div class='post-footer'>
    تم بفضل الله وبالتوفيق للجميع
    • تعليقات بلوجر
    • تعليقات الفيس بوك

    0 التعليقات:

    إرسال تعليق

    Item Reviewed: الموضوع الشامل حول تعليقات فيس بوك Rating: 5 Reviewed By: Unknown
    إلى الأعلى