لكم اضافه تعليقات فيس بوك ودمجها مع تعليقات بلوجر بشكلين مختلفين
الاضافه متواجده في بعض المدونات ولكنها تفتقر للتالي
انها غير معربه يعني باللغه الانجليزيه ولكني قمت بترجمتها
وتفتقر ايضا للشرح المفصل
اليوم باذن الله سوف سوف نشرح الدرس بطريقه مفصله بدون جهد منك او اي خبره
والموضوع حصري لمدونه وليد المطري
بالنسبه لمعاينه الاضافه يمكنك النزول الي اسفل الصفحه ستجد التعليقات مدموجه
صوره التعليقات الشكل الاول
 |
| ضع الماوس علي الصوره لمشاهدتها بكامل الوضوح |
صوره التعليقات الشكل الثاني
 |
| ضع الماوس علي الصوره لمشاهدتها بكامل الوضوح |
الان سنقوم بطريقه التركيب اولا قم بالذهاب الي لوحه تحكم المدونه
ثم قالب ثم تحرير html تقم قم بالضغط علي ctrl+f
ليظهر لك مربع البحث
قم بالبحث عن الكود التالي
<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/AVvXsEijC_hAncAwEcxLvJe6sRqbsqsHNKa_JNszvATK0acsN3anndZ-ueVfDYiT3Tzi2gvbJIJz8XKnHHksi2JVkM6HycIi1a5eKuAxLqGEyIZYr2ORvAr5MzRH1hipVjFCkQv339B8Lj4xtg95/s1600/add-b.blogspot1.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</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/AVvXsEiRaXMAGOvSDPz9Fw3KJTJrav8RXGA0InAiQ0O6gNAIbO3P7aurksjDagMx6rUluP8jpSK7I9EzVPtCo2pnMyZjhQaz-4TWHFXhLesHaorVwdt2fkvXVg4FhB-FaAkxu59MVuj921nt8OVr/s1600/add-b.blogspot.com.jpg'/> <data:post.numComments/> التعليقات</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='639'/></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='additions.blogger' 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-right:5px solid #ccc; border-top:2px solid #ccc; border-bottom:2px solid #ccc; border-right:2px solid #ccc}.comakauttafb-page {background:transparent;);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}.comakauttafb-tab {text-shadow:0px 1px 1px #FFA221;color:#FFA221;float:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-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>
الشكل الثاني
 |
| ضع الماوس علي الصوره لمشاهدتها بكامل الوضوح |
الكود
<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/AVvXsEgA3hs_qpgLpMLuvPAJtd8kAT_dV_8SuttqCnLKCNgVb9E-34thJZHL1GSPt2jGNd-F5Av0S1fsJIYa8DjNP-LUaHHn2CywVtUFEaOs2TS-s0gGGFB0hzCxLmoqV68ZbKq37Iy4iD4-_PE/s1600/FACEBOOK.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</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/AVvXsEh23R-MLlsyAtY0lLCvpWRKTY1AQZPpXE2-ZZwbr7027cKJJ-RpyaKCRgBLD2tf1xYLmkY38KUDQ1Omanm-3sRg5cCY5zo2dr6UOz3UWcJfkFFj8LBn1tH_uRIJhY72qI7ENu6Aaq2bgj0/s1600/BLOGGER.png'/> <data:post.numComments/> التعليقات</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='additions.blogger' 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-right: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:right;padding:5px;margin-right:5px;cursor:pointer;background:transparent;);-o-transition:.5sease-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>
بعد ان قمت باضافه الكود الذي يعجبك قم بحفظ النموذج
وبهذا يتم اضافه التعليقات ودمجها مع بلوجر بنجاح
معلومات التدوينه !
