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

سنتطرق اليوم للطريقة المثلى لإضافة صندوق تعليقات الفايسبوك مدمج مع تعليقات البلوجر على مدونتكم فالإضافة أساسية بوجهة نطري للمدونات لأنها تسهل للزائر التعليق و المشاركة إضافة لذلك تحسن مظهر المدونة و تعطي انطباعا حسن .

  لنرى مع بعض الطريقة شباب علما بأنها بسيطه و بسيطه جدا ، فكل ما عليكم فعله :

الدخول إلى << القالب >> ثم << تحرير >>

إضغط على 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/AVvXsEi0iz6XsykHIa1dtHXJjbIO9Xx9ev9hACa4RKmtulAntQfPqFDPCz16VrdMT4JBnYUIgmYkb2GXrvch33rB5t5T8OCnC2tH6dk1nfCgs6oDeLoRCH2LKBPbIJkoSLrqnFK_-En2fwlaqdnZ/s1600/safa7t.blogspot1.png'/><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/AVvXsEh_uUn2pn5s_ySfJa2QXOgYv01Dwx5gyMjS7UMTHb2TXDCfiiyPptlq_b5iaoiRQabJH3w0i_W4g4hX6zcx-E75ypGzGiFI-K_1-d7x3KDFln36_EyYRneDx1my_l8jGKKK7EE8hlMMr9e0/s1600/add-b.blogspot.com.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='639'/></b:if></div><div class='comments comakauttafb-page' id='blogger-comments-page'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='additions.blogger' 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-right:5px solid #ccc; border-top:2px solid #ccc; border-bottom:2px solid #ccc; border-right:2px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #FFA221;color:#FFA221;float:right;padding:5px;marg in-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-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>

ملاحظة : قوموا بتغير رابط مدونة صفحات بالون الأزرق برابط مدونتكم ، أي مشكل أي استفسار نحن بالخدمة .