كن مهووس: تركيب تعليقات فيسبوك جنبا إلى تعليقات بلوجر

أفضل المواضيع
  • قالب كن مهووس v3
  • أحدث وأضخم باتشات PES 2010 لعام 2016 باخر الانتقالات والاضافات الرهيبة
  • قالبي تدوين وماتلاين المدفوعين على بيكاليكا {تحديث}
  • قالب مدونة نكهة الاصلى مجانا بدون مشاكل
  • Stronghold Crusader 2 The Templar and The Duke-CODEX
  • هذه هي كافة أجهزة سوني التي ستدعم تحديث الأندرويد "مارشميلو 6.0" الجديد
  • تشغيل نت مجانى على خط فودافون
  • اضافة واجهة احترافية v2
  • اضافة صفحة الخطا v2
  • قالب كن مهووس v2 مجانا
نشر في
تركيب تعليقات فيسبوك جنبا إلى تعليقات بلوجر
كتب بواسطة
عدد التعليقات
0 التعليقات





تركيب تعليقات فيسبوك مع بلوجر مدموجة لا يعني هذا أن تعليقات بلوجر سيتغير شكلها لا سيبقى كما لديك وظيفة هذه الأخيرة هي إضافة تعليقات فيسبوك فقط زيادة على زرين لتحويل بين هذا وذاك كما بمدونتنا في التعليقات، وهناك من يهتم بالتعليق مباشرة من الفيسبوك بدون اللجوء لبلوجر والعكس وبهذه الإضافة ستسمح لزائر باختيار ما يشاء لذلك نحن بحاجة للقيام ببعض الخطوات قبل أن تظهر التعليقات فلنتابع هذا الشرح البسيط
شرح طريقة التركيب
1. ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
.comments-page,.comments-tab{display:inline-block;background:#fafafa;color:#fff;float:right;margin:0 10px 0 0;cursor:pointer;font-weight:bold;position:relative;font-size:110%;z-index:10;font-family: Droid Arabic Naskh;}
.comments-page{background:rgba(255,255,255,1);width:100%;max-width:100%;margin:0 0 20px}
#blogger-comments-page h4{display:none}
#blogger-comments-page p{color:#444;}
#blogger-comments-page {padding:0px 5px;display:none;}
.comments-tab{background:#3b5998;padding:12px;transition:all .3s;}
.comments-tab:nth-child(2) {background:#FFB440;transition:all .3s;}
.comments-tab:hover:nth-child(2) {background:#FFBA4E;}
.comments-tab-icon {height:14px;width:auto;margin:0 3px}
.comments-tab:hover{background-color:#324c82;}
.inactive-select-tab {background:#aaa}
.inactive-select-tab,.comments-tab:hover {background-color:#324c82;}
2. ضع الكود التالي فوق </body>
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize",function(){var o=location.protocol+"//"+location.host+location.pathname,t=$("#container-commentfb").width();$("#container-commentfb").html('<div class="fb-comments" data-href="'+o+'" width="'+t+'" data-num-posts="10"></div>'),FB.XFBML.parse()});
//]]>
</script>
3. يتبقى عليك البحث عن هذا <div class='comments' id='comments'> ووضع الكود الآتي أسفله
* ملاحظة : الكود يتوفر منه إثنان لذا جرب وضع الكود أسفل الأول وعاين النتيجة إذ لم تجد خطأ فتهانينا إذا وجدت خطأ فأضف نفس الكود 
أسفل <div class='comments' id='comments'> أي الثاني
<div class='comments-tab' id='fb-comments' onclick='javascript: commentToggle(&quot;#fb-comments&quot;);' title='علّق بفيسبوك'>
<fb:comments-count expr:href='data:post.url'/> تعليقات فيسبوك</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='علّق ببلوجر'>
<data:post.numComments/> تعليقات بلوجر</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<script type='text/javascript'>
function commentToggle(selectTab) {$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comments-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}
</script>
وبهذا نكون قد انتهينا من الشرح نتمنى أن يفيدكم، لقائنا يتجدد في درس مماثل لإضافة تعليقات بلوجر مع ديسكس فانتظرونا.

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1-أن يكون التعليق خاص بمحتوى التدوينة
2-أن لا تضع أي روابط خارجية
3-لاضافة كود حوله اولا بمحول الاكواد
4-أي سؤال خارج محتوى التدوينة يرجى التواصل معنا عبر صفحتنا


محول الاكواد الابتسامات





اخبار الهواتف الذكيه
    فريق العمل

    Milad Shenouda

    Front-End Developer

    السيد ابراهيم

    مدير الموقع ومصمم فوتوشوب

    انضم الينا

    مدون محترف

    انضم الينا

    مدون محترف

    اعجب بصفحتنا على الفيسبوك
    ماذا تنتظر !!!
    أنضم الى اعضاء مدونة
    كن مهووس | هوسنا هو سر ابداعنا
    تابعنا الان على تويتر
    فنحن الافضل

    جميع الحقوق محفوظة

    كن مهووس

    2018

    تكويد وتطوير