كيفية جعل صندوق تعليقات الفيسبوك متجاوبة داخل مدونات بلوجر - نعلم أن الكل يمتلك حساب على الأقل على الموقع الإجتماعي فايسبوك ومن هنا على كل المدونين استغلال هذه النقطة لصالحم ووضع صندوق تعليقات الفايسبوك بصفحات مدوناتهم من أجل كسب رهان تفاعل الزوار مع المحتوى وباتالي زيادة عدد الزيارات، ومن هنا موقع سراج العلم سيساعدكم في معرقة طريقة جعل صندوق تعليقات الفيسبوك متجاوب مع جميع الشاشات داخل مدونات بلوجر.
إذا كنت تريد تجربة جعل صندوق تعليقات الفيسبوك متجاوب مع جميع الشاشات داخل مدونات بلوجر إتبع التعليمات التالية:
إذا كنت تريد تجربة جعل صندوق تعليقات الفيسبوك متجاوب مع جميع الشاشات داخل مدونات بلوجر إتبع التعليمات التالية:
كيفية جعل صندوق تعليقات الفيسبوك متجاوب مع جميع الشاشات داخل مدونات بلوجر
1. إضافة حقائب الميتا الحاصة بالفايسبوك في قالب مدونة البلوجر
أضف الكود التالي داخل <head>
أنقر مرتين لتتمكن من نسخ الكود
<meta content='ID Facebook admin' property='fb:admins'/>
<meta content='ID App Facebook' property='fb:app_id'/>
2. إضافة كود جافاسكريبت
أضف الكود التالي قبل </head>
أنقر مرتين لتتمكن من نسخ الكود
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="10"></div>');
FB.XFBML.parse( );
});
//]]>
</script>
3. ثم قم بإضافة الكود التاليضع الكود بعد الرمز <data:post.body/>
أنقر مرتين لتتمكن من نسخ الكود
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if>
4.قم بحفظ القالبأسفل الموضوع ستجد النتيجة في صندوق تعليقات الفايسبوك
الأن يتم عرض تعليقات الفيسبوك على صفحة المواضيع فقط لجعلها تضهر في الصفحة، من فضلك قم بإضافة الكود أدناه في المكان الي تريد ظهر فيه التعليقات وفقا للقالب الذي تستخدمه:
أنقر مرتين لتتمكن من نسخ الكود
<a expr:href='data:post.url + "#fb-comment"'><span class="fb-comments-count" expr:data-href='data:post.url'></span> facebook comments</a>
لقد إنتهينا من شرح كيفية جعل صندوق تعليقات الفيسبوك متجاوب مع جميع الشاشات داخل مدونات بلوجر ونتمنى ان يكون سهلا ومفيدا للمزيد من المعلومات ضع سؤالك في تعليق أسفل الموضوع.
لا تنسى زيارة إضافة خاصية إظهار وإخفاء تعليقات مدونات بلوجر بستعمال حدث ما بعد النقر
هل أعجبك الموضوع ؟