2016/07/07

10:14 م

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

طريقة اضافة تعليقات الفيسبوك مع تعليقات بلوجر
اولآ نأخذ نسخة احتياطية من القالب للرجوع اليها في حال حدوث مشكلة ما عند اضافة الاكواد
بعدها نتوجه الى لوحة تحكم المدونة ومنها اللى القالب تحريرHTML
طريقة اضافة تعليقات الفيسبوك مع تعليقات بلوجر

ابحث عن هذا الكود ]]></b:skin> واضف الكود التالي فوقه مباشرة
.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;}

ثانيآ ابحث عن هذا الكود </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>

واخيرآابحث عن هذا الكود <div class='comments' id='comments'>اذا لم تجده ابحث عن هذا الكود <div class='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>
Blogger تعليقات
Disqus تعليقات
اختر نظام التعليقات الذي تفضله

هناك تعليقان (2)

مدونة نت مصر 320في اليكسا نبحث عن تبادل نصي في حالات القبول اترك تعليق ليتم وضعك عندي في مدونتي وشكرا
https://net-eg.blogspot.com/p/blog-page_15.html

رد

مدونة نت مصر 320 الف في اليكسا نبحث عن تبادل نصي في حالات القبول اترك تعليق ليتم وضعك عندي في مدونتي وشكرا
https://net-eg.blogspot.com/p/blog-page_15.html

رد