About

Navigation

شرح اسهل طريقة لاضافة تعليقات فيسبوك العربية على مدونات بلوجر 2014

شرح اسهل طريقة لاضافة تعليقات فيسبوك العربية على مدونات بلوجر 2014
 السلام عليكم ورحمة الله وبركاته
في هده التدوينة سنتعرف على طريقة تركيب تعليقات الفيس البوك الى المدونة 
حيت تعد هده الاضافة من اهم الاضافات التي يجب توفرها في جميع المواقع و المدونات فالسبب الرئيسي الدي يجعلك تختارتعليقات الفيس بوك على حساب غيرها من المواقع الدي تقدم هده الخدمة هي الشعبية الكبير للفيسبوك على مستوى العالم كما أن خدمة التعليقات تساهم وتساعد علي كثرة الزوار للمدونتك ونشر المدونة.
شرح اسهل طريقة لاضافة  تعليقات فيسبوك العربية على مدونات بلوجر 2014

الآن نأتي الى  شرح كيفية تركيب تعليقات الفيس بوك في مدونات بلوجر
أول شيئ عليك عمله هو  إنشاء تطبيق خاص بك في الفيسبوك .. وذلك عبر الرابط التالي :
بعد الدخول الى الرابط مرر الماوس الى  apps ثم اختر creat a new app
شرح اسهل طريقة لاضافة  تعليقات فيسبوك العربية على مدونات بلوجر 2014
الان عليك ملء الفراغات بما يتناسب حيث ستضع اسم مدونتك في الخانة الاولى أما الثانية فليس من الضروري ملئها أما choisissez une catégorie فختر ما تشاء ثم اضغط على متابعة او créer une application
شرح اسهل طريقة لاضافة  تعليقات فيسبوك العربية على مدونات بلوجر 2014
ألآن عليك تباع الخطوات التالية :
1- اختر الاعدادات أو Paramètre
2- قم بنسخ معرف الايدي ID
3- قم بوضع عنوان موقعك بدون وضع  :// http
4- ضع الاميل الخاص بك 
5- ضع عنوان مدونتك كامل كما هو موضح في الصورة 
و أخيرا قم بحفظ الاعدادات .
ملاحظة : لاتنسى  نسخ معرف التطبيق الموضح (رقم2) في الصورة لانك ستحتاجه فيما بعد.
الان من  لوحة التحكم -> قالب -> تحرير HTML       
- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات ثم قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F) 


 <html 
  ثم بعده مباشرة أضف الكود التالي :


xmlns:fb='http://www.facebook.com/2008/fbml'
  الآن ابحث عن
 <body> 
 و بعده مباشرة ألصق الكود الآتي بعد استبدال معرف التطبيق بالأرقام التي نسختها سابقا في الخطوة الأولى قبله :  


 بعد ذلك ابحث عن
 </head>
   ثم قبله مباشرة ألصق الكود الآتي:  

<b:if cond='data:blog.pageType == &quot;item&quot;'> <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 : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.
'معرف حسابك على فيسبوك ID : هو مجموعة أرقام يمثل حسابك على فيسبوك لمعرفته قم بالدخول الى الرابط التالي و قم بالتغير كما هو موضح في الصورة 
شرح اسهل طريقة لاضافة  تعليقات فيسبوك العربية على مدونات بلوجر 2014

شرح اسهل طريقة لاضافة  تعليقات فيسبوك العربية على مدونات بلوجر 2014
https://graph.facebook.com/ayoub.amrhar
الخطوة الاخير
:
 ابحث عن <data:post.body/> 
 و بعده مباشرة ألصق الكود الموالي مع تعديل ما لون:
560 استبدلها بالعرض المناسب الذي تريد أن يبدو عليه صندوق تعليقات فيسبوك، و هذا هو الكود الذي يتولى إظهار صندوق التعليقات، فيمكنك إدراجه في أمكنة أخرى غير الذي ذكر بما يناسب مدونتك:
<b:if cond='data:blog.pageType == &quot;item&quot;'> <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>
ملاحظة: لمن يملكون قوالب داكنة أو سوداء اللون يمكنه استعمال صندوق تعليقات فيسبوك باللون الأسود و لفعل ذلك نضيف colorscheme='dark' مباشرة بعد <fb:comments في الكود السابق.

و أخيرا اضغط زر الحفظ و هنيئا لك بالتعليقات الجديدة .


مشاركة

ayoub amrhar

أيوب أمغار من مواليد 1997 , بلدي هو المغرب , أدرس البرمجة و أعشق التدوين , هدفي هو مشاركة كل ما أملك من معلومات تقنية وبرمجية... ذلك من خلال هذه المدونة.

أضف تعليق:

2 comments: