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

  لنرى مع بعض الطريقة شباب علما بأنها بسيطه و بسيطه جدا ، فكل ما عليكم فعله :

الدخول إلى << القالب >> ثم << تحرير >>

إضغط على ctrl+f و ابحث عن :

 <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/AVvXsEjPq3ZLPhS0hTi8sfyIO6uniMHoVmEYBEDc75l92jr5728Eky0f6I0imo6XfFcmxaXt7WP-oENpox7Qg92hBlvwP4cyUm487RyBBrLId1GxCHAvbR6IhGGGjjjnWy-8ZYqfIn2iwzCELXru/s1600/safa7t.blogspot1.png'/><fb:comments-count expr:href='data:post.url'/> التعليقات</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/AVvXsEi5_1TXp7cBWzTYzHWGDo62vc6cyVeKpUU4HDkY3lXKP0ZU6FZBG2Ix8Gpz60VqA0WCQrMDy0HTJhvepdOzhbcfVjsT9todWcG2pWADMfyjkKJqKkcoAadjm9xg_ZEQX1d3niIh540grogQ/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 == &quot;item&quot;'><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) {$(&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-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;marg in-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>

ملاحظة : قوموا بتغير رابط مدونة صفحات بالون الأزرق برابط مدونتكم ، أي مشكل أي استفسار نحن بالخدمة .
 

ضع تعليق