طريقة إضافة تعليقات بلوجر والفيسبوك متجاورين جنبا إلى جنب - الطريقة الصحيحة والبسيطة



السلام عليكم في هذا الشرح سنتعرف على طريقة إضافة تعليقات الفيسبوك إلى جانب تعليقات بلوجر أي انك ستتيح للزائر اختيار طريقة التعليق بشكل أنيق جدا.

شرح التركيب :


قم بأخذ نسخة احتياطية وقم بحذف أي كود متعلق بتعليقات الفيسبوك إذا كنت تستخدمها

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

لتحصل على معرف التطبيق + معرف الحساب

من تحرير HTML قم بتوسيع قوالب عناصر واجهة المستخدم وابحث عن :


<div class='comments' id='comments'>  


قد تجد أكثر من واحد المهم أضف بعد كل واحد الكود التالي :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='أضف تعليقك عن طريق الفيسبوك'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> تعليقات </div>
ents' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='أضف تعليقك عن طريق بلوجر'>
<div class='comments-tab inactive-select-tab' id='blogger-com m
img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> تعليقات
<</div><div class='clear'/> </div> <div class='comments-page' id='fb-comments-page'>
expr:href='data:post.url' num_posts='2' width='580'
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <fb:comment s/> </b:if> </div>
s comments-page' id='blogger-comments-page'>
<div class='commen t

الآن ابحث عن </head> وأضف قبلها الكود التالي مع تغيير معرف الحساب :


<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>

<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='معرف الحساب' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab "-page").show();
}
</script>  



الآن ابحث عن ]]></b:skin> وأضف قبلها :

.comments-page background-color#f2f2f2;}

#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab floatrightpadding5pxmargin-left3pxcursorpointerbackground-color#f2f2f2;}
.comments-tab-icon height14pxwidthautomargin-left3px;}
.comments-tab:hover background-color#eeeeee;}
.inactive-select-tab background-color#d1d1d1;}  


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


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


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



الآن ابحث عن وأضف <body> بعده مباشرة الكود التالي مع تغيير معرف التطبيق :
<div id='fb-root'/>

<script>
window.fbAsyncInit = function() {
    FB.init({xfbmltrueappIdمعرف التطبيق });
  };
  (function() {
    var 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>  

1 التعليقات:

  1. مرحبًا،

    اسمي زاهر سلمان حسن الرمادنا، وأنا هنا لأوصيكم جميعًا الذين يحتاجون إلى مساعدة مالية بالاتصال بمؤسسات الائتمان الخاصة بطلب القرض الخاص بك.

    كنت بحاجة إلى قرض بقيمة 40.000.00 دولار أمريكي لشراء سيارة جديدة ولدفع فواتيري أيضًا، لقد اتصلت بهم لطلب القرض الخاص بي وحصلت على قرضي بنجاح.

    يرجى الاتصال بمؤسسات ائتمان القروض عبر البريد الإلكتروني للحصول على قرضك: Loancreditinstitutions00@yahoo.com أو whatsapp: +393509313766. واتساب : +393512640785. وهم موجودون في الجزء الأوروبي من العالم.

    ردحذف