كود اضافة صندوق تعليقات الفايسبوك على مدونة البلوجر

السلام عليكم و رحمة الله

يعتبر صندوق تعليقات الفايسبوك من الادوات المهمة و الضرورية لكل مدونة

نظرا للاهمية التي يكتسيها في تفاعل الزوار مع منشوراتك 

الكود اسفله بسيط التركيب و يحافظ على بقاء صندوق تعليقات البلوجر 

حيث يظهر صندوق واحد بزرين

ان اردت ان تعلق بالفايسبوك اضغط على تعليق F

و ان اردت ان تعلق بالبلوجر اضغط على B

ولإضافته إلى مدونتك ما عليك فعله هو : 

الذهاب إلى لوحة تحكم مدونتك، - 

اختر تحرير القالب

اضغط على CTRL + F

ابحث عن 

  <div class='comments' id='comments'>

ستجد اثنين الصقه تحت كل و احد منهما (يعني نفس الكود مرتين)

قم بالحفظ

و مبروك عليك الاضافة 

تنويه : الصندوق نفسه المتوفرعلى مدونتي 

الكود:

      <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'>

    <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5sMeoNaxlm3aN9_LfF-36sl-0gEMGqdBxOiN-69R0IB8QugJWEqw8F2-7YS2C_CA94uxIA6F6T7xtjcpKUcHESHuuJ3hG8LZsYYkEB2sZ_WCvCux0_X25LbS59JdgYqX4RSE0nkj04XDo/s1600/images.jpg'/>

    <fb:comments-count expr:href='data:post.url'/> تعليق

    </div>

    <div class='comakauttafb-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'>

    <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJJ58llLYm9QhxjJ-8xT7vSfWi6kYeJguVbQP8ZsvOrvb6OmZ0fJHJdtf4LKIxm87JGzmlsoX28wsx1pyYrvoMkaEK6QECld4wt3wYGdNeszMXMayxq6HxRvB2379EryucpbzlPiWibN_H/s1600/t%C3%A9l%C3%A9chargement.jpg'/>

    <data:post.numComments/> تعليق

    </div><div class='clear'/>

    </div>

    <div class='comakauttafb-page' id='fb-comments-page'>

    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    <div id='fb-root'/>

    <fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='600'/>

    </b:if>

    </div>

    <div class='comments comakauttafb-page' id='blogger-comments-page'>

    <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>

    <script src='http://code.jquery.com/jquery-latest.js'/>

    <meta content='462534737209010' property='fb:admins'/>

    <script type='text/javascript'>

    function commentToggle(selectTab) {

    $(&quot;.comakauttafb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);

    $(selectTab).removeClass(&quot;inactive-select-tab&quot;);

    $(&quot;.comakauttafb-page&quot;).hide();

    $(selectTab + &quot;-page&quot;).show();

    }

    </script>

    <style type='text/css'>.comakauttafb-page, .comakauttafb-tab

    {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-left:2px solid #4035ec; border-top:1px solid #4035ec; border-bottom:1px solid #4035ec; border-right:2px solid #4035ec}.comakauttafb-page

    {background:transparent;);margin-top:8px;}#blogger-comments-page

    {padding:0px 3px;display:none;}.comakauttafb-tab {text-shadow:0px 1px

    1px

    #fff;color:#000;float:left;padding:3px;margin-right:3px;cursor:pointer;background:transparent;);-o-transition:.5s

    ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s

    ease-out}.comakauttafb-tab-icon

    {height:16px;width:16px;margin-right:5px;}.comakauttafb-tab:hover

    {background:rgba(219,219,219,.8);}.inactive-select-tab

    {background:rgba(255,255,255,.4);}.inactive-select-tab,

    .comakauttafb-tab:hover {box-shadow:-1px -1px 1px #fff,1px 1px 1px

    #fff,1px 1px 5px #000;-moz-box-shadow:-1px -1px 1px #fff,1px 1px 1px

    #fff,1px 1px 5px #000;-webkit-box-shadow:-1px -1px 1px #fff,1px 1px 1px

    #fff,1px 1px 5px #000}</style>  

ملاحظة : طول الصندوق المشار اليه بالاحمر(600) داخل الكود غيره حسب مدونتك لتلاءم و عرضها 

و الرقم 10 عدد التعليقات التي ترغب في ظهورها في الصفحة

المصدر:شبكة ابويوسف http://merimiweb1.blogspot.com/2014/04/blog-post_5146.html#ixzz3Dzb1nzno