إضافة تعليقات الفيسبوك لمدونات بلوجر - عالم التقنية

أحدث المشاركات

Post Top Ad

Post Top Ad

الثلاثاء، 13 أكتوبر 2020

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

تــعـلــيــقــات مــوقــع فـيــســبــوك مــن الأمــور الـمــهــمــة الــتــي يــطــمــح لــهــا الــمــدونــون لــتـوفــيــرهــا عــلــى مـدونــاتــهــم، يــرجــع ســبــب ذلــك إلــى أن الــزوار يــكــونــون أكــثــر تــفــاعــلا مــع الـمــواضــيــع مــن خــلال إضــافــة تــعـلــيــقــات عــلــى الــمــوضــوع، خــصــوصــا إذا كــان صــنــدوق الـتــعـلــيــقــات يــدعــم الــدخــول بــحــســاب فـيــســبــوك.
في مــوضــوع هــذه الـمــقــالــة سـنــتــعــرف عــلــى كـيــفــيــة إضــافــة صــنــدوق تــعـلــيــقــات فـيــســبــوك عــلــى مــدونــة بــلــوجــر بـســهــولــة، وظــهــوره أســفــل جــمــيــع الـمــواضــيــع.
مراحل تركيب الإضافة
  1. ادخل إلى لوحة تحكم المدونة في بلوجر.
  2. اختر قالب المدونة التي تود تطبيق الشرح فيها.
  3. اضغط على تحرير HTML ( قم بأخد نسخة إحتياطية للقالب )
  4. ابحث عن الكود التالى <head> ونضع الكود التالى أسفلة مباشرة:
  5. <meta content='اي دي حسابك الشخصي' property='fb:admins'/>
    <meta content='اي دي صفحة الفيسبوك' property='fb:app_id'/>
    يـجـب عــلـيـك تـغــيـيـر مـا هـو مـوجـود بــالـلـون الأحـمـر لـكـي تــعـمـل الــتـعـلــيـقـات.
  6. ابـحـث عـن الـوسـم </head> و اضف الكود التالي فوقه:
  7. <script type="text/javascript">
    //<![CDATA[
    $(window).bind("load resize", function(){
     var url = location.protocol+'//'+location.host+location.pathname;
      var containercm_width = $('#container-commentfb').width();
        $('#container-commentfb').html('<div class="fb-comments" ' +
        'data-href="'+url+'"' +
        ' width="' + containercm_width + '" data-num-posts="10"></div>');
        FB.XFBML.parse( );
      });
    //]]>
    </script>
     
  8. بعـد الإنــتـهـاء مـن الــخـطـوات الــســابـقـة، قـم بــالــبـحـث عـن الـوسـم <data:post.body/> وقـم بــإضــافـة الــكـود الــتــالـي تــحــتـه : 
  9. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='fb-root'/>
    <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
    <div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
    </b:if>

    ملاحظة:
    - الرقم '650' هـو الــمــسـؤول عـن حــجـم ' الــعـرض ' الــخــاصـة بــصــنـدوق تـعـلــيــقـات فـيــســبـوك.
    - وسم <data:post.body/> قــد تــجــده مــكــرر أكــثــر مــن مــرة، مــا يــهـمــنــا هــو الــخــاص بـالــمـواضــيــع.
المصدر : http://www.teqniweb.com/

ليست هناك تعليقات:

إرسال تعليق

Post Top Ad

تواصل معنا

أكثر من 600,000+ يتابعون موقعنا عبر وسائل التواصل الإجتماعي إنظم إلينا الآن

إضافات بلوجر

عن الموقع

author عالم التقنية  عالم التقنية. موقع مهتم بتحميل البرامج والألعاب للويندوز والاندرويد.

اعرف المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *