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

السلام عليكم ورحمة الله تعالى وبركاته اليوم نقدم لكم طريقة سهلة لاضافة تعليقات الفيس بوك ويضا الطريقة فعالة 100%
نأتي الان لطريقة التركيب
اذهب الى لوحة التحكم في مدونتك ومن ثم قالب وخذ نسخة احتياطية للقالب قبل كل شيئ بعدها اذهب الى تحرير 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/AVvXsEhrSPTtkqyUqGYMJfxL9dMLgosThTaX7k6bDdbuzGIbOxAd05I3KJxBiovtK3EGWTp2hbhRVzXB4M8iXBsxU-NjkD7xYG7P4T_mUCiZDvcuYASdZeJO2ok46WJdr6wIE2ADBHbu2hyBtIY/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/AVvXsEhyuajPhD8GfjzoN_qICWO2nlcPe2OLXa7vQCzmKS0JD6YU_r_a3Ya_2h-E3XnWfFaSP0VifGNDsLqO1CaFsmP4VFX71TjCCtV17taHW3tX3zJSaHrQ391lNZrMEEk1gj4J-tSfNQINjQQ/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>

والان احفظ القالب وبروكـ عليك الاضافة اي احد واجهة مشكلة في التركيب يضع قالبه في التعليقات وسأجد الحل لها بإذن الله 

الى هنا يكون قد انتهى درسنا الى اللقاء في درس اخر