مدونة الدولار : شرح تركيب تعليقات فيسبوك جنبا إلى تعليقات بلوجر

الجمعة، 20 نوفمبر 2015

شرح تركيب تعليقات فيسبوك جنبا إلى تعليقات بلوجر

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

شرح طريقة التركيب
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'/>

مدونة الدولار

الجمعة، 20 نوفمبر 2015

شرح تركيب تعليقات فيسبوك جنبا إلى تعليقات بلوجر

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

إرسال تعليق