ون ايجي

السلام عليكم ورحمة الله وبركاته                                                                                                   موضوغ اليوم هو طريقة اضافة تعليقات الفيسبوك بحيث تظهر على الشكل التالي                                                                  

                                                                           

• اولا

1.  لوحة التحكم
2.  قالب
3. Html تحرير
4.  توسيع القالب
5. الان اضغط 
6. Ctrl+f
7. كي نبحث عن 
8. ابحث عن ]]></b:skin> وضع الكود التالي فوقه
9. .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;}
10. ضع الكود التالي فوق </body>
11. <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>
12. ابحث عن هذا <div class='comments' id='comments'> ووضع الكود الآتي أسفله
    * ملاحظة : الكود يتوفر منه إثنان لذا جرب وضع الكود أسفل الأول وعاين النتيجة إذ لم تجد خطأ فتهانينا إذا وجدت خطأ فأضف نفس الكود أسفل <div class='comments' id='comments'> أي الثاني وانا نجح مع بعد الكود الاول 
13. <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>