اسهل طريقة لي اضافة تعليقات بلوجر والفيس معا بطريقة سهلة جدا

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

الخطوة الاولي : ابحث عن هذا الكود في تحرير html

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

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

الخطوة الثانية: بعد انا تبحث عن  الكود السابق باستخدم اداة البحث ctrl+f 

اضف بعديها الكود التالي

-

  <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/AVvXsEiuGThyphenhyphenqYco7n4ULMYP_iLSkkMSqIMvDU4vxq4Gdv8iaH2ueCoxl8fH5F0wf-IF8FLgc3DkJQid82giZ3ydhfheAkufZmaSaUnQcz3_GrwyVgSoLBbAOTsSfvuvJ1ObRTRGwCFnzRvVP0o/s1600/FACEBOOK.png'/>

<fb:comments-count expr:href='data:post.url'/> Comments

</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/AVvXsEhO_GVycv4AgEr-kolVfc82LBGWDoZl7yQyHjMudnTU_dCoEWSDRRtrJ8k3jjw4AChlYgPW_0RaAbSl0VyaoE_l33CGkWnTlnxaUEFELKUYociVDfoa75RUSwo1EdAyY66HEBy3hbB_fKI/s1600/BLOGGER.png'/> 

<data:post.numComments/> Comments

</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='680'/>

</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='potter182' 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: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:left;padding:5px;margin-right:5px;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> 

--------------------------

ولان انتها الموضوع انتظرونا في اضافات جديدة لبلوجر