شرح إضافة تعليقات الفيس بوك مدموجة مع بلوجر

السلام عليكم ورحمة الله وبركاتة

اليوم أقد شرح كيفية إضافة تعليقات الفيس بوك مدموجة مع بلوجر في أسفل المواضيع والصورة التالية توضح ذلك .

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

إليكم الشرح ارجو من المتابع متابعه الشرح بوضوح :

1- نذهب إلى قالب

2- تحرير html

3- ثم نضغط داخل القالب 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/AVvXsEjkiQD61clrYRYQr4bp2mzX3Si2Tf4NJycWYgta1Zocf4BjE9H-Th3ycuIpKIssbBcvi8j4bpRx1n24FnKONjxGJNJINyicr3IQIazzdE3u_pyCFtXuf7yrathxZRnXlt8UqAQhtfvhueo/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/AVvXsEhvViJGFvyaRH3AbEpgtUnoyXYNjihjLHHR3CQ5VUc4W8VZg-M_PWG7OVXxakurWD3UUZm3O1RE3fjpsrUtAPQHBM_XrTuQTQbAFYTya4jCC6lLcjDcTv79HC3wrbgbI3FwaUgyH0z6PtY/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>

الذي باللون الاحمر هو حجم مكان التعليق يمكنك التحكم بالحجم ليناسب موقعك

أضغط حفظ وبالتالي تم الانتهاء من تركيب تعليقات الفيس بوك .

*فضلاً لايك لصفحتنا يسار الشاشة لدعمنا