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

اليوم نقدم لكم طريقة سهلة لاضافة تعليقات الفيس بوك ويضا الطريقة فعالة 100%

نأتي الان لطريقة التركيب

اذهب الى لوحة التحكم في مدونتك ومن ثم قالب وخذ نسخة احتياطية للقالب قبل كل شيئ بعدها اذهب الى تحرير HTML وعلم على توسيع عناصر واجهة المستخدم وابحث عن هذا الكود

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

<div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Add Comments via Facebook'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3aiOzucYxLnwu_sOOqnwEmB1LVTfPgC2K4_tPn2LniMKLaHK7OjaF5tEuzaKxEL46cfuDvIz6m8JfI7iF7r_W-AuUVZjVJCZiQ7mrtjFHo4DdH67VeoHn4DQ4GZnocdrfohBmeUxEVUI/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("#blogger-comments");' title='Add Comments via Blogger'> <img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixdMw43S2seIgK_sr3b0RNuC7JCeHbjocIuEJr1DkM0wk2jMVfa37wmgzqNUu3aCmztvSWlIqKACaxCXXeV4XG4RVwsBd3W_8S_c3fUo3fB4YTPoV2fdeLVlDCrkZSk1ZIHWpDh6qgcdI/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 == "item"'> <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) { $(".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-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>

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

إلى هنا نأتي إلى ختام درسنا اليوم على أمل أن نلتقي في دروس قادمة إن شاء الله

وأي استفسار في جزء التعليقات جزاكم الله خيرا.