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

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

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

 لمدونتك بلوغر اولا نقوم بالدهاب الى
شاهد الفيديو التوضيحي

: ندخل على لوحة التحكم الخاصة بك في بلوجر ثم توجه الى قالب ثم تحرير HTML

تم نبحت داخل القالب عن 

 <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/AVvXsEiWNDJpHbMS867izkH5NG1evg0aLQ38bFSg1EB3gukdDATd0-eR9dT8kTb9UhmSr95_oppMGVKkkDglox8SkA_z76qjVM2YdyR7OJkWzeHPKUzUftTZwm3kYcsE-8A0guWKUO6KAn-BaxI/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/AVvXsEiGwgEleFMcffh9WqUAQM04ZxFvSc2JUPYZ6f_wvnGY62gS0NiMaigE4uNnZBxGFAI4ANiybwtDWFVsD0BoJPGj3VYVk8pPPs14ePqW9AY230LS8p4PBdwTUmnBf97wsnWljQ374Dt0UbU/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> 

هادا كل مافي الامر وراح تشتغل معاكم بادن الله 100/100

الرجاء الى كل من نجحت معه الطريقة يضع رد ولو بكلمة شكراا