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

موقع المحترف الأردني |  تطوير الويب، بلوجر، Seo: أستخدم الكثير من المدونين  في الأونة الأخيرة منصة التدوين بلوجر وقد حظيت هذه المنصة اقبال واسع من الوطن العربي لأسباب عديدة ومنها: سهولة الأستخدام وأرشفتها القوية في محركات البحث، وقد يهتم المدون بشكل مدونته وخصائصها ليكسب ثقة الزائر، وعند أكتساب ثقة الزائر فبتأكيد سيقوم الزائر بوضع رئيه بتعليق !

وكما نعلم أن بلوجر لها صندوق تعليق خاص وبعض الأشخاص يواجهون مشكل في أستخدامه وبعضهم أيضاً يحبون أستخدامه !
فكيف ستكسب رضى الفئتين؟
فلذلك سنتطرق معاً إلى كيفية أضافة صندوق تعليقات فيسبوك بجانب صندوق تعليقات بلوجر معاً، لنأتي ونتعرف على الطريقة، نبدأ على بركة الله تعالى.
نقوم بالبحث في صندوق تحرير HTML في بلوجر من خلال الضغط على زرين CTRL+f نبحث عن ]]></b:skin>
ونقوم بأضافة فوقهّ هذا الكود

.comments-page,.comments-tab{display:inline-block;background:#fafafa;color:#fff;float:right;margin:0 10px 0 0;cursor:pointer;font-weight:bold;position:relative;font-size:110%;z-index:10;font-family: Droid Arabic Naskh;}
.comments-page{background:rgba(255,255,255,1);width:100%;max-width:100%;margin:0 0 20px}
#blogger-comments-page h4{display:none}
#blogger-comments-page p{color:#444;}
#blogger-comments-page {padding:0px 5px;display:none;}
.comments-tab{background:#3b5998;padding:12px;transition:all .3s;}
.comments-tab:nth-child(2) {background:#FFB440;transition:all .3s;}
.comments-tab:hover:nth-child(2) {background:#FFBA4E;}
.comments-tab-icon {height:14px;width:auto;margin:0 3px}
.comments-tab:hover{background-color:#324c82;}
.inactive-select-tab {background:#aaa}
.inactive-select-tab,.comments-tab:hover {background-color:#324c82;}

الخطوة الثانية: نقوم بالبحث إيضاً عن </body>
ونقوم بأضافة فوقهّ هذا الكود

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize",function(){var o=location.protocol+"//"+location.host+location.pathname,t=$("#container-commentfb").width();$("#container-commentfb").html('<div class="fb-comments" data-href="'+o+'" width="'+t+'" data-num-posts="10"></div>'),FB.XFBML.parse()});
//]]>
</script>

الخطوة الثالثة: نقوم بالبحث إيضاً عن <div class='comments' id='comments'>
قم بأضافة هذا الكود أسفله:

<div class='comments-tab' id='fb-comments' onclick='javascript: commentToggle(&quot;#fb-comments&quot;);' title='علّق بفيسبوك'>
<fb:comments-count expr:href='data:post.url'/> تعليقات فيسبوك</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='علّق ببلوجر'>
<data:post.numComments/> تعليقات بلوجر</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<script type='text/javascript'>
function commentToggle(selectTab) {$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comments-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}
</script>

* في بعض القوالب يكون هذا <div class='comments' id='comments'> موجود مرتين  فعليك تكرار نفس العملية معهما.

هل تريد شرح لشيء ما ؟ هل تريد أن تعرف معلومات عن شيء ما ؟ هل تود الحصول على برنامج أو تطبيق مدفوع لكن بالمجان ؟ هل لديك أي أستفسار أو مشكلة ؟ ضع أستفسارك في قسم أطرح مشكلتك
إليك قسم مفيد أيضاً ومجاني قسم أنشر موضوعك
أتمنى أنت تكون قد استفدت من الموضوع ولو بالقليل، أكون قد وصلت إلى نهاية هذا الموضوع، كان معكم عبد الرحمن وصفي والسلام عليكم ورحمة الله وبركاته.

أقرأ أيضاً:
موقع رائع للربح المضمون 100% من الانترنت عبر جمع النقاط
كيفية أستهداف الزوار لجلب الاف الزوار لمدونتك يوميا
قم بالتدوين على مدونة بلوجر أنطلاقا من هاتفك
كيفية انشاء خريطة موقع لتحسين أرشفة مدونتك لجلب الاف الزوار
أضافة صندوق البحث إلى بلوجر بأشكال مختلفة ورائعة

نتائج بحث جوجل متعلقة بـ"اضافة صندوق تعليقات فيسبوك وصندوق تعليقات بلوجر معا"
تركيب صندوق تعليقات فيسبوك بلوجر
صندوق تعليقات فيسبوك
تركيب تعليقات فيسبوك جنب إلى تعليقات بلوجر
وضع صندوق صندوق تعليقات فيسبوك إلى بلوجر
اضافة صندوق تعليقات فيسبوك وصندوق  تعليقات بلوجر معاً