بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اهلا وسهلا بكم اخواني الكرام في مدونة الكوفي العراقية .. سنتطرق ان شاء الله في هذه التدوينة الى الطريقة الصحيحة لوضع تعليقات الفيسبوك العربية في مدونة بلوجر وكما هو معلوم ان موقع التواصل الاجتماعي الفيسبوك اصبح عامل مهم في المواقع لنشر المواضيع والاخبار بين الناس وذلك بسبب كثرة المشتركين في موقع الفيسبوك ...
حيث سيكون شكل التعليقات كما في الصورة ادناه
أولا: انشاء تطبيق على الفيسبوك:-اذهب الى موقع الفيسبوك لانشاء تطبيق اضغط هنا
تابع الشرح بالصور اضغط عليها لتراها بحجم كبير ...
ثانيا: اضافة الاكواد :- لاتنسى اخذ نسخة احتياطية من القالب قبل عمل اي شئ
ادخل الى لوحة تحكم مدونتك مــن هنــا
ثم الى قالب ثم تحرير html ولا تنسخ ان تضع علامة على توسيع القالب.
ابحث عن الكود التالي :
<html
ثم ضع هذا الكود بعده مباشرة (يعني تضع مسافة واحدة بينه وبين الكود الجديد التالي:-xmlns:fb='http://www.facebook.com/2008/fbml'
ملاحظة السهم بالاسفل هو يكون في البداية وليس كما بالكود السبب من المدونة يتجعله بالنهاية لكنه الان صحيح وجرب نسخه الى مفكرة في جهازك
ليصبح بهذا الشكل
<html xmlns:fb='http://www.facebook.com/2008/fbml'
ثم ابحث عن الكود التالي
<body>
ملاحظة: بالنسبة للقوالب الجديدة يكون بهذا الشكل :-
<body expr:class='"loading" + data:blog.mobileClass'>
ضع الكود التالي أسفل احد الكودين حسب ماموجود عندك :-
<div id='fb-root'/> <script> window.fbAsyncInit = function() { FB.init({ appId : 'ضع رقم التطبيق هنا', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); }; (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/ar_AR/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script>
الان ابحث عن </head> وضع الكود التالي فوقه مباشرة
<meta expr:content='data:blog.pageTitle' property='og:title'/> <meta expr:content='data:blog.url' property='og:url'/> <meta content='مدونة الكوفي العراقية' property='og:site_name'/> <meta content='رابط صورة اللوغو الخاص بالمدونة' property='og:image'/> <meta content='رقم التطبيق' property='fb:app_id'/> <meta content='http://www.facebook.com/amir.al3raQi' property='fb:admins'/> <meta content='article' property='og:type'/>
1- غير (مدونة الكوفي العراقية) باسم مدونتك
2- غير رابط اللوغو الخاص بمدونتك بحيث ستضهر هذه الصورة بجانب عنوان موضوعك
على بروفيلات الزوار ويفضل أن تكون بحجم 40px * 40 px .
3- بدل رقم التطبيق برقم التطبيق الدي أنشأناه بالبداية
4- غير اسمي amir.al3raQi برابط بوفيلك وليس صفحتك
ثالثاً: الخطوة الاخيرة :-
ابحث عن الكود التالي :-
3- بدل رقم التطبيق برقم التطبيق الدي أنشأناه بالبداية
4- غير اسمي amir.al3raQi برابط بوفيلك وليس صفحتك
ثالثاً: الخطوة الاخيرة :-
ابحث عن الكود التالي :-
<b:includable id='comment-form' var='post'>
ثم ضع تحته مباشرة الكود:-<b:if cond='data:blog.pageType == "item"'> <div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <div> <fb:comments colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div> </div> </b:if>
يمكنك تغير مايلي حسب شكل ولون مدونتك .
1- اللغة ar_AR تجعل الاداة باللغة العربية ويمكن ارجاعها بالانجليزية بوضع en_US .-
2- اللون light تعني لون الصندوق الطبيعي وهي الأبيض ويمكنك ارجاعه أسود وضع مكانها DARK .
3- القياس 520 تعني عرض الصندوق ويمكنك التعديل عليه الى مايناسبك بتغيير الرقم .
احفظ القالب ومبرروك عليك الاضافة
شكرا
ردحذفشكرا اخي لكن لم يشتغل عندي ها هناك مشكلة في القالب ام مدا
ردحذفنعم اخي المشكلة عندك في القالب فانا جربته شخصيا في اكثر من قالب وقد كان في هذا المدونة وحذفته
حذف