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

احدث البرامج شرح اهميه صندوق تعليقات الفيس بوك Facebook comments

شرحالطريقة الصحيحة لاضافة صندوق تعليقات الفيس بوك Facebook comments

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

للشرح تابع معنا بالصور

أولا :

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

HTML

أبحث عن كود

div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Add Comments via Facebook'><img class='comakauttafb-tab-icon' src=' http://store1.up-00.com/2015-10/1443721222761.jpg'/><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='http://store1.up-00.com/2015-10/1443721222852.png'/> <data:post.numComments/> <b>التعليق</b></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='620'/></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:30px;width:30px;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>
<b><strike>اذا اعجبك الموضوع لا تبخل بتعليقك وشارك برايك
</b></strike>