الجمعة، 28 نوفمبر 2014

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

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



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

نأتي الان لطريقة التركيب
اذهب الى لوحة التحكم في مدونتك ومن ثم قالب وخذ نسخة احتياطية للقالب قبل كل شيئ بعدها اذهب الى تحرير 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/AVvXsEh0mf20N5nyQVTaoE6qd2BaUbEkMNTksAciQCMxZiVqQR6xXLzQcimyidcFvZ3am8qPaPBAwW8HMEXFXYOKpZttvEly9kFblqc9Mf2OVM6yV6I3DNkwOOf4y0pkM107jPcDiBG2fnbr-SI/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/AVvXsEhn5g64PM6Kifj7271iiGPfnZkMTdubrfICKk8-gkwsQ4XlRWHMCq_CnTU4wqQaUxp4B03utrFAVx2TbNEttGMeCYqKTcPc2FUyEjo55FyveTegmufxIvlOyqLq3O3buJG_z7_CljIPeiY/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>

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

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



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

نأتي الان لطريقة التركيب
اذهب الى لوحة التحكم في مدونتك ومن ثم قالب وخذ نسخة احتياطية للقالب قبل كل شيئ بعدها اذهب الى تحرير 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/AVvXsEh0mf20N5nyQVTaoE6qd2BaUbEkMNTksAciQCMxZiVqQR6xXLzQcimyidcFvZ3am8qPaPBAwW8HMEXFXYOKpZttvEly9kFblqc9Mf2OVM6yV6I3DNkwOOf4y0pkM107jPcDiBG2fnbr-SI/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/AVvXsEhn5g64PM6Kifj7271iiGPfnZkMTdubrfICKk8-gkwsQ4XlRWHMCq_CnTU4wqQaUxp4B03utrFAVx2TbNEttGMeCYqKTcPc2FUyEjo55FyveTegmufxIvlOyqLq3O3buJG_z7_CljIPeiY/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>

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

إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد. هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة, ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميلً