اسهل طريقة لاضافة تعليقات الفيس بوك
السلام عليكم ورحمة الله تعالى وبركاته اليوم نقدم لكم طريقة سهلة لاضافة تعليقات الفيس بوك ويضا الطريقة فعالة 100%
نأتي الان لطريقة التركيب
اذهب الى لوحة التحكم في مدونتك ومن ثم قالب وخذ نسخة احتياطية للقالب قبل كل شيئ بعدها اذهب الى تحرير HTML وعلم على توسيع عناصر واجهة المستخدم وابحث عن هذا الكود
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTjRnHvjoAfKwX2fJZcuvNz7UlryH60uw2jysbUwEo4eemo1D0W4JzZDMRRakksh0lXzvWEG0gLHwGWT5DGWTT7J_kT5D2QGgqBdaeAqKd8ysTumxxA3YNNUQaqaFA6iFRzsK6-soPxy8/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/AVvXsEihrOTjVjpD2RB2-BxhQ6S5-2bF2ffHtHPY2b-V5RLNCsuSvKgT6S69H5IXT0jg8COTSgPu3Ya1ELz6RLs2TWgjVaRzZtTWE32-l7k1WVYMgnAakMZKb1mrlsALedDwHsGfxuBRfdOZKNM/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>
والان احفظ القالب وبروكـ عليك الاضافة اي احد واجهة مشكلة في التركيب يضع قالبه في التعليقات وسأجد الحل لها بإذن الله
الى هنا يكون قد انتهى درسنا الى اللقاء في درس اخر
0 التعليقات :
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).