تعليقات موقع فيسبوك من الأمور المهمة التي يطمح لها المدونون لتوفيرها على مدوناتهم, يرجع سبب ذلك إلى أن الزوار يكونون اكثر تفاعلا مع المواضيع من خلال إضافة تعليقات على الموضوع, خصوصا إذا كان صندوق التعليقات يدعم الدخول بحساب فيسبوك.
في موضوع هذه المقالة سنتعرف على كيفية إضافة صندوق تعليقات فيسبوك على مدونة بلوجر بسهولة, وظهوره أسفل جميع المواضيع.
أولا تحتاج للذهاب إلى المسار التالي : لوحة التحكم > القالب > تحرير HTML.
بعد ذلك قم بالضغط في لوحة المفاتيح على الأزرار التالية [ Ctrl + F ] ليظهر لك مستطيل البحث, ثم قم بالبحث داخل الأكواد عن الوسم التالي : [ <head> ].
بعد إيجاد الوسم, قم بإضافة الأكواد التالية تحته :
يجب عليك تغيير ما هو موجود باللون الأحمر لكي تعمل التعليقات.
بعد ذلك قم بالبحث مجددا عن وسم [ <head> ].
ثم قم بوضع الكود التالي فوقه :
بعد الإنتهاء من الخطوات السابقة, قم بالبحث مجددا عن الوسم [ <data:post.body/> ]
بعد إيجاده, ثم بإضافة الكود التالي تحته :
- الرقم '650' هو المسؤول عن حجم 'العرض' الخاصة بصندوق تعليقات فيسبوك.
- وسم <data:post.body/> قد تجده مكرر أكثر من مرة, ما يهمنا هو الخاص بالمواضيع.
في موضوع هذه المقالة سنتعرف على كيفية إضافة صندوق تعليقات فيسبوك على مدونة بلوجر بسهولة, وظهوره أسفل جميع المواضيع.
أولا تحتاج للذهاب إلى المسار التالي : لوحة التحكم > القالب > تحرير HTML.
بعد ذلك قم بالضغط في لوحة المفاتيح على الأزرار التالية [ Ctrl + F ] ليظهر لك مستطيل البحث, ثم قم بالبحث داخل الأكواد عن الوسم التالي : [ <head> ].
بعد إيجاد الوسم, قم بإضافة الأكواد التالية تحته :
_______________________________________________
<meta content='اي دي حسابك الشخصي' property='fb:admins'/>
<meta content='اي دي صفحة الفيسبوك' property='fb:app_id'/>
_______________________________________________
بعد ذلك قم بالبحث مجددا عن وسم [ <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>
_________________________________________________________
بعد الإنتهاء من الخطوات السابقة, قم بالبحث مجددا عن الوسم [ <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>
______________________________________________
- الرقم '650' هو المسؤول عن حجم 'العرض' الخاصة بصندوق تعليقات فيسبوك.
- وسم <data:post.body/> قد تجده مكرر أكثر من مرة, ما يهمنا هو الخاص بالمواضيع.
2 التعليقات
شكرا
رد حذف التعليقوالله ما ظبطت معي
رد حذف التعليق