طريقة تركيب صندوق تعليقات فيسبوك في مدونة بلوجر

 السلام عليكم

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

طريقة تركيب صندوق تعليقات فيسبوك في مدونة بلوجر

1- من لوحة التحكم  >>>  قالب >>> تحرير html .
2- ابحث بواسطة  ctrl+f على :

<div class='comments' id='comments'>

3- ستجده مكرر مرتين ضع تحت كل واحد الكود التالي :

  <div class='comakauttafb-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='تعليقات فيسبوك'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpdOEVVCWNdxy3rW1qxYoGG6gGrWZz7rWlDV0OBkgPsh-bCWdP6yrslz6VUYeRheR1ASbqPQxqAuFrWl5SCB7c2XiZg_0ymMwzrfhY8av81C997ZTvcaTUn6jHBQKYvddphDm6Bo4euTuC/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(&quot;#blogger-comments&quot;);' title='تعليقات بلوجر'><img class='comakauttafb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIJBGsDAowPJvtJC97SKYl5iJl1u-sairkIhj4N2qXW32lKjUx9Eo-xse4CXY2Xnwqqjk96fB6p9GGpPZmr3uTyIfgIyY0Q38sTJGRyvwysaaezhM7aY8El3HfgbfXHssLaM8jGpq10xer/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='600'/></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>

4- احفظ القالب

طريقة تعديل صندوق تعليقات فيس بوك ليتناسب مع مدونتك

التعديل حسب الارقام في الصورة في الأعلى.
' width='600  :عرض صندوق التعليقات يمكنك تغيير الرقم600 برقم آخر ليتوافق مع مدونتك


تنبيه : الكود المقدم في الشرح لايظهر تعليقات فيسبوك وبلوجر في آن واحد وانما يظهر التعليقات التي تضغط عليها. فان قمنا بالضغط على تعليقات فيسبوك تظهر تعليقات فيسبوك وصندوق تعليقات فيسبوك وتختفي تعليقات بلوجر وصندوق تعليقات بلوجر والعكس اذا ضغطنا على تعليقات بلوجرأي تختفي تعليقات فيسبوك
اذا اردت ان تظهر تعليقات بلوجر مع فايسبوك انتقل الي الموضوع التالي من هنا
كلمات مفتاحية

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