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

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

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

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

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

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

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

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

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

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

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

اضغط على CTRL + F

ابحث عن

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

قم بالحفظ

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

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

الكود:

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

<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd3IheUhHrXM9ksiOrK94SHUilEpizKEu3J0MUm14pfGQK5QF-FDUzXBa6YG_JtTGkSk1z_B8PDUcLYXRpZq86KuSDPQz21sf1GKYvtwChQDzvl9OurCWKCAsFKSXbpmInwUhUweZO519Y/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("#blogger-comments");' title='Add Comments via Blogger'>

<img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXJWqL9aT67xg0K-haWU-qHlVaePHGDbAfyy4X9XRajR2LlGXIg5QHMQWDpzeULbhO6LQVXQWfGsdcz5Nag3YIJu7T-55uZx1Mba8ngzCD2lpweJujR9FHUyt5uGYcRSZxn4fmkBbhhKEk/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 == "item"'>

<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) {

$(".comakauttafb-tab").addClass("inactive-select-tab");

$(selectTab).removeClass("inactive-select-tab");

$(".comakauttafb-page").hide();

$(selectTab + "-page").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>