تركيب تعليقات الفيس بوك على مدونات البلوجر طريقة سهلة وفعالة
السلام عليكم ورحمة الله تعالى وبركاته مدونة الصقر العربي لكل جديد وحصري ترحب بزوار المدونة وتقدم لكم اضافة تعليقات الفيس بوك
نأتي الان لطريقة التركيب
اذهب الى لوحة التحكم في مدونتك ومن ثم قالب وخذ نسخة احتياطية للقالب قبل كل شيئ بعدها اذهب الى تحرير 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/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("#blogger-comments");'
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 ==
"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>
والان احفظ القالب وبروكـ عليك الاضافة اي احد واجهة مشكلة في التركيب يضع قالبه في التعليقات وسأجد الحل لها بإذن الله
المصدر:مدونة مدون
السلام عليكم ورحمة الله تعالى وبركاته مدونة الصقر العربي لكل جديد وحصري ترحب بزوار المدونة وتقدم لكم اضافة تعليقات الفيس بوك
نأتي الان لطريقة التركيب
اذهب الى لوحة التحكم في مدونتك ومن ثم قالب وخذ نسخة احتياطية للقالب قبل كل شيئ بعدها اذهب الى تحرير HTML وعلم على توسيع عناصر واجهة المستخدم وابحث عن هذا الكود
تركيب تعليقات الفيس بوك على مدونات البلوجر طريقة سهلة وفعالة
السلام عليكم ورحمة الله تعالى وبركاته مدونة الصقر العربي لكل جديد وحصري ترحب بزوار المدونة وتقدم لكم اضافة تعليقات الفيس بوك
نأتي الان لطريقة التركيب
اذهب الى لوحة التحكم في مدونتك ومن ثم قالب وخذ نسخة احتياطية للقالب قبل كل شيئ بعدها اذهب الى تحرير 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/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("#blogger-comments");'
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 ==
"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>
والان احفظ القالب وبروكـ عليك الاضافة اي احد واجهة مشكلة في التركيب يضع قالبه في التعليقات وسأجد الحل لها بإذن الله
