إضافة صندوق تعليقات الفيسبوك بأحدث طريقه لتدويناتك على بلوجر
صندوق التعليقات الخاص بالفيس بوك وإضافته لمدونتك على بلوجر شائع الإستخدام إلى حد ما , وقد قمت بكتابة هذه التدوينه بعد طلب أحد زوار المدونه طريقة وضع وإضافة هذا الصندوق إلى مدونته .
هذا سبب , والسبب الآخر أنى وجدت الكثير من التدوينات الموجوده على الإنترنت والتى تتناول هذه الإضافه بالشرح إما أنها لا تقدم شرحا وافيا وصحيحا , وإما أنها تقدم شرحا قديما ولا يتناسب مع الوضع الحالى من حيث التطورات , كما أن بها بعض العيوب , ولذلك إليكم شرح مفصل لكيفية إضافة صندوق تعليقات الفيسبوك لمدوناتكم على بلوجر .
قم بالضغط على هذا الرابط وسيفتح لك صندوق حوارى يطلب منك أن تدخل سطرين من البيانات
إدخل فى السطر الأول إسم التطبيق وليكن مثلا ( تعليقات الفيسبوك ) أو أى إسم تريده .
إدخل فى السطر الثانى إسم مدونتك بالإنجليزيه ( ar-blogger-tips ) مثلا أو أى إسم تريده .
ثم إضغط إستمرار أو متابعه أو continue تبعا للغة إستخدامك للفيسبوك .
سيظهر لك مربع حوارى آخر به كلمه للتحقق , قم بإدخالها ثم إضغط متابعه .
ستجد أن المربعات الحواريه قد أغلقت وظهرت أمامك الصفحه بها بيانات , وهى ما يهمنا كما فى الصوره .
إفتح تحرير HTML الخاص بقالب مدونتك وقم بتوسيع القالب ثم إتبع الآتى :
إبحث عن الكود التالى
<html
أضف بعده مباشرة الكود التالى
xmlns:fb='http://www.facebook.com/2008/fbml'
سيصبح شكل الكود كاملا كالشكل التالى
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
ثم إبحث عن الكود التالى
<body>
ضع الكود التالى بعده مباشرة
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId: معرف التطبيق });
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/ar_AR/all.js'
document.getElementById('fb-root').appendChild(e);
}());
</script>
وقم بإستبدال كلمة معرف التطبيق ذات اللون الأحمر برقم App ID/API Key المعطى لك فى البيانات التى حصلت عليها سابقا .
بعد ذلك قم بالبحث عن الكود التالى
</head>
وأضف قبله مباشرة الكود التالى
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='عنوان المدونة' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='معرف التطبيق ID' property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID' property='fb:admins'/>
<meta content='article' property='og:type'/>
قم بتغيير عنوان المدونه وإكتب عنوان مدونتك
قم بتغيير الرابط ذو اللون البرتقالى إلى رابط الصوره التى ترمز لمدونتك
قم بتغيير معرف التطبيق ID إلى رقم App ID/API Key المعطى لك فى البيانات السابقه
قم بتغيير معرف حسابك على فيسبوك ID إلى معرف حسابك الحقيقى على الفيس بوك , فمثلا من الممكن أن يكون إسما هكذا
https://www.facebook.com/yaso.actor
أو من الممكن أن يكون أرقاما هكذا
https://www.facebook.com/profile.php?id=100006891387389
وبعد أن تنتهى من هذه التعديلات قم بالبحث عن الكود التالى
<data:post.body/>
ثم أضف بعده مباشرة الكود التالى
<b:if cond='data:blog.pageType == "item"'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>
تستطيع تغيير عرض الصندوق من خلال تغيير الرقم باللون الأحمر .
وفى النهايه قم بحفظ القالب وتمتع بصندوق تعليقات الفيسبوك على مدونتك .
إضافة صندوق تعليقات الفيسبوك بأحدث طريقه لتدويناتك على بلوجر
صندوق التعليقات الخاص بالفيس بوك وإضافته لمدونتك على بلوجر شائع الإستخدام إلى حد ما , وقد قمت بكتابة هذه التدوينه بعد طلب أحد زوار المدونه طريقة وضع وإضافة هذا الصندوق إلى مدونته .
هذا سبب , والسبب الآخر أنى وجدت الكثير من التدوينات الموجوده على الإنترنت والتى تتناول هذه الإضافه بالشرح إما أنها لا تقدم شرحا وافيا وصحيحا , وإما أنها تقدم شرحا قديما ولا يتناسب مع الوضع الحالى من حيث التطورات , كما أن بها بعض العيوب , ولذلك إليكم شرح مفصل لكيفية إضافة صندوق تعليقات الفيسبوك لمدوناتكم على بلوجر .
إدخل فى السطر الثانى إسم مدونتك بالإنجليزيه ( ar-blogger-tips ) مثلا أو أى إسم تريده .
ثم إضغط إستمرار أو متابعه أو continue تبعا للغة إستخدامك للفيسبوك .
سيظهر لك مربع حوارى آخر به كلمه للتحقق , قم بإدخالها ثم إضغط متابعه .
إبحث عن الكود التالى
<html
أضف بعده مباشرة الكود التالى
بعد ذلك قم بالبحث عن الكود التالى
قم بتغيير الرابط ذو اللون البرتقالى إلى رابط الصوره التى ترمز لمدونتك
قم بتغيير معرف التطبيق ID إلى رقم App ID/API Key المعطى لك فى البيانات السابقه
قم بتغيير معرف حسابك على فيسبوك ID إلى معرف حسابك الحقيقى على الفيس بوك , فمثلا من الممكن أن يكون إسما هكذا
وفى النهايه قم بحفظ القالب وتمتع بصندوق تعليقات الفيسبوك على مدونتك .
سيصبح شكل الكود كاملا كالشكل التالىxmlns:fb='http://www.facebook.com/2008/fbml'
ثم إبحث عن الكود التالى<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
ضع الكود التالى بعده مباشرة<body>
وقم بإستبدال كلمة معرف التطبيق ذات اللون الأحمر برقم App ID/API Key المعطى لك فى البيانات التى حصلت عليها سابقا .<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId: معرف التطبيق });
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/ar_AR/all.js'
document.getElementById('fb-root').appendChild(e);
}());
</script>
بعد ذلك قم بالبحث عن الكود التالى
وأضف قبله مباشرة الكود التالى</head>
قم بتغيير عنوان المدونه وإكتب عنوان مدونتك<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='عنوان المدونة' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='معرف التطبيق ID' property='fb:app_id'/>
<meta content='معرف حسابك على فيسبوك ID' property='fb:admins'/>
<meta content='article' property='og:type'/>
قم بتغيير الرابط ذو اللون البرتقالى إلى رابط الصوره التى ترمز لمدونتك
قم بتغيير معرف التطبيق ID إلى رقم App ID/API Key المعطى لك فى البيانات السابقه
قم بتغيير معرف حسابك على فيسبوك ID إلى معرف حسابك الحقيقى على الفيس بوك , فمثلا من الممكن أن يكون إسما هكذا
أو من الممكن أن يكون أرقاما هكذاhttps://www.facebook.com/yaso.actor
وبعد أن تنتهى من هذه التعديلات قم بالبحث عن الكود التالىhttps://www.facebook.com/profile.php?id=100006891387389
ثم أضف بعده مباشرة الكود التالى<data:post.body/>
تستطيع تغيير عرض الصندوق من خلال تغيير الرقم باللون الأحمر .<b:if cond='data:blog.pageType == "item"'>
<div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments width='560' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/>
</div>
</b:if>
وفى النهايه قم بحفظ القالب وتمتع بصندوق تعليقات الفيسبوك على مدونتك .
0 commentaires:
Enregistrer un commentaire