شرح الطريقة الصحيحة وسهلة اضافة صندوق تعليق فيس بوك comments facebook وصندوق تعليق بلوجر بشكل جزاب

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

كثير من المدونين يبحثون عن صندوق تعليقات فيس بوك بطريقة سهلة وبسيطة  وكثيرا ما وجد شروحات  عن الموضوع اغلبها معقدة وبها اخطاء الى ان توصلت الى   كود وقمت بتعديل عليه ليناسب قالب بلوجر بطريقة احترافية وبشكل جزاب ومختلف

 نبداء شرح كيكفة اضافة صندوق اعجاب فيس بوك

اضافة  صندوق تعليق فيس بوك  comments facebook

ندخل على لوحة التحكم في بلوجر

 نذهب  الى قالب ثم تحرير HTM

اخذ نسخة احتياطي
نعمل بحث ctrl+f
أبحث عن كود
<div class='comments' id='comments'>

سوف تجدها مكررة مرتين
تحت كل كود  ضع الكود التالي

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Add Comments via Facebook'><img class='comakauttafb-tab-icon' src='http://im32.gulfup.com/KQ5ad.bmp'/><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='http://im32.gulfup.com/v5fu7.bmp'/> <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='620'/></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) {$(".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-right:5px solid #ccc; border-top:3px solid #ccc; border-bottom:3px solid #ccc; border-right:5px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #fff;color:#000;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out}.comakauttafb-tab-icon {height:30px;width:30px;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> شارك برايك

يمكن تغير  الملون بلاحمروالازرق حسب ما يناسبك ويجب تكرار ما يتم تغيره  فى المرتين

او تركها كما هى  بدون تغير

صورة بلوجر  http://im32.gulfup.com/KQ5ad.bmp      

    http://im32.gulfup.com/KQ5ad.bmp   صورة الفيس بوك

Comments/> التعليق

 width='620   طول  الصندوق

<meta content=' 

  شرح  | اضافة | صندوق  | تعليق | فيس بوك  | تعليق بلوجر  | الطريقة الصحيحة  | سهلة 

 name='keywords'/>