مساحة إعلانية

2016/07/07

2016/07/07

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

طريقة اضافة تعليقات الفيسبوك مع تعليقات بلوجر
اولآ نأخذ نسخة احتياطية من القالب للرجوع اليها في حال حدوث مشكلة ما عند اضافة الاكواد
بعدها نتوجه الى لوحة تحكم المدونة ومنها اللى القالب تحرير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>

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

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

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

    ردحذف

جميع الحقوق محفوظة لــ عالم الابداع 2017 ©