إضافة خاصية تعليقات الفيس بوك على المدونة

تأتي أهمية هذه الإضافة بسهولة التعليق فلا حاجة لحساب جوجل أو غيره أو الانضمام إلى موقع كذا وكذا، وجعلك متّصلًا مع مواقع التواصل الإجتماعيّ "فيس بوك".

إليكم طريقة التركيب:

أولًا: نذهب إلى قالب ثم تحرير "HTML".

ثانيًا: نقوم بالضغط على "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/AVvXsEgqumtu3ras094ZZlEfTUW52RR7pzHrekW8Xm-zxp9VOG737kU4dNDIH9PMUowNzNG1X25pDGz6i0ZX4zDjtWTQElR2gf6WmGonmRVoQIe827W_kaWmFE0D6HcS4FFiRKvUXN_7i_EXofU/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(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy9q0QguzXGSRSYDOkPOnYqjfCUMMMZll4zOLE5AJ-QRT508cY4F6_Wla_BEEAy_ssAVf3UND_DOv6XbPsg4OM7s_dwJIvDCKQy1_C43JmpgY0mpggMIDcWP03BLT-cwA-eH17fBj8yZg/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 == &quot;item&quot;'><div id='fb-root'/><fb:comments color='dark' expr:href='data:post.url' num_posts='10' width='555'/></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: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>

شكرًا للزيارة.

* كلمات مفاتحية:

إضافة خاصية تعليقات الفيس بوك على المدونة.

أفضل 10 إضافات للمدونة.