الأحد، 7 أبريل 2013

شرح تركيب تعليقات فيسبوك فى مدونات بلوجر 2013 - شرح بالصور اضافة تعليقات الفيس بوك لـ بلوجر

بسم الله و الحمد لله و الصلاة و السلام على رسول الله محمد الأمين.
السلام عليكم و رحمة الله.
كثير من مدوني بلوجر يسألون عن طريقة تركيب صندوق تعليقات فيسبوك، اليوم بإذن الله سنشرح طريقة تركيب هذه الإضافة إي إضافة تعليقات فيسبوك العربية على مدونات بلوجر بخطوات بسيطة و بينة. لكن قبل ذلك لا بأس من جرد بعض مميزات هذه الإضافة و إظهار بعض الصور لها.


مميزات الإضافة:

  • عبر هذه الإضافة سيكون لكل موضوع او تدوينة  تعليقاتها الخاصة.
  • إمكانية الرد على تعليقات الآخرين و الإعجاب بها.
  • إدارة التعليقات و التحكم فيها عبر تصفيتها، محوها أو حظر كاتبيها.
  • إمكانية التعليق بحسابات عدة منها فيسبوك و ياهو و هوتميل...
  • يمكن إضافة مشرفين لمراجعة التعليقات و هذه ميزة جيدة للمدونات الجماعية.
  • إعدادات الإضافة تضم خصائص عدة منها إخفاء أو إظهار صندوق التعليق، التدقيق الإملائي و غيرها...
  • و أهم ميزة في اعتقادي هي أن كل من علق فإن تعليقه يظهر على صفحته على فيسبوك مرفقا برابط للموضوع و صويرة في حال أبقى على الإشارة في خانة "نشر في فيسبوك" "Post to Facebook". الشيء الذي سيساعد في إشهار المدونة و نشر مواضيعها...
  • و طبعا ميزات عدة نترك لكم فرصة اكتشافها...
صور إضافة تعليقات فيسبوك:
كذلك يمكنك معاينة الإضافة من خلال مدونتي هذه فقط توجه أسفل هذه التدوينة و ستعاينها عن كتب.

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

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

طريقة تركيب تعليقات فيسبوك



الخطوة الأولى: إنشاء تطبيق خاص على الفيسبوك

توجه إلى صفحة إنشاء تطبيقات فيسبوك ثم أدخل اسم التطبيق مثلا "تعليقاتي" و رابط مدونتك و اضغط الزر الأزرق لإنشاء التطبيق، أدخل كلمة التحقق و اضغط زر المتابعة، في الصفحة الموالية إلى اليسار اضغط رابط لوحة تحكم المطور ثم في الصفحة الموالية اضغط تعديل الإعدادات الموجود في يسار الإطار ثم تابع كما بالصورة الآتية:


شرح تركيب تعليقات فيسبوك فى مدونات بلوجر

كما وضح من خلال الصورة ستدخل رابط مدونتك و رابط اسم النطاق الذي عليه مدونتك، مثلا blogspot.com لمدونات بلوجر التي لا تستعمل اسم نطاق خاص. كذلك ستكون قد نسخت معرف التطبيق الموضح في الصورة لانك ستحتاجه فيما بعد

 




الخطوة الثانية: إضافة الأكواد اللازمة إلى قالب المدونة

من لوح تحكم مدونتك توجه إلى صفحة "التصميم"  ثم "تحرير 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>
 
بعد ذلك ابحث عن </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'/>
 
هذا الكود خاص ب Open Graph protocol وهو يتيح لفيسبوك التعامل مع موقعك أو
 مدونتك كما لو كان صفحة كما صفحات فيسبوك... طبعا لا تنس تغيير ما أشير 
إليه بالألوان كما يلي:

عنوان المدونة : عنوان مدونتك أو أي اسم تحب أن يظهر على فيسبوك عندما يعجب أحدهم بإحدى تدويناتك.

الرابط البرتقالي : استبدله برابط صورة لشعار مدونتك.

معرف التطبيق ID : طبعا هو نفسه المعرف الذي نسخته في الخطوة الأولى.

معرف حسابك على فيسبوك ID : هو مجموعة أرقام يمثل حسابك على فيسبوك لمعرفته يمكنك زيارة هذا الموضوع. فبحسابك هذا ستكون مدير التعليقات Admin.





ثم ابحث عن <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 في الكود السابق.



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

هناك 6 تعليقات:

  1. شركة تنظيف بمكة
    شركة تنظيف بيوت بالباحة
    شركة تنظيف بيوت بمكة
    شركة تنظيف خزانات بالاحساء
    شركة تنظيف خزانات بالجبيل
    شركة تنظيف خزانات بالخبر
    شركة تنظيف خزانات بالدمام
    شركة تنظيف خزانات بالطائف
    شركة تنظيف خزانات بالقطيف
    شركة تنظيف خزانات بالظهران
    شركة تنظيف شقق بمكة
    شركة تنظيف شقق بالطائف
    شركة تنظيف شقق بالظهران
    شركة تنظيف شقق بالدمام
    شركة تنظيف شقق بالخبر
    شركة تنظيف شقق بالجبيل
    شركة تنظيف شقق بالباحة
    شركة تنظيف شقق بالاحساء
    شركة تنظيف سجاد بمكة
    شركة تنظيف سجاد بالقطيف
    شركة تنظيف سجاد بالظهران
    شركة تنظيف سجاد بالدمام
    شركة تنظيف سجاد بالخبر
    شركة تنظيف سجاد بالجبيل
    شركة تنظيف سجاد بالاحساء
    شركة تنظيف مجالس بالاحساء
    شركة تنظيف فلل بمكة
    شركة تنظيف فلل بالدمام
    شركة تنظيف فلل بالجبيل
    شركة تنظيف مسابح بالدمام
    شركة تنظيف مسابح بالاحساء
    شركة تنظيف مجالس بمكة
    شركة تنظيف مجالس بالقطيف
    شركة تنظيف مجالس بالظهران
    شركة تنظيف مجالس بالدمام
    شركة تنظيف مجالس بالخبر
    شركة تنظيف مجالس بالجبيل
    شركة رش مبيد بالظهران
    شركة رش مبيد بالدمام
    شركة رش مبيد بالخبر
    شركة رش مبيد بالجبيل
    شركة رش مبيد بالاحساء
    شركة تنظيف واجهات بمكة
    شركة تنظيف واجهات بالقطيف

    ردحذف
  2. شركة تنظيف فلل بمكة
    تتعدد شركات التنظيف بمكة والطائف وجدة, ولكن يجب عليك دائماً اختيار الشركة الافضل من حيث الخبرة والجودة وكل شئ, نحن شركة صقر البشاير شركة تنظيف فلل بمكة وتنظيف منازل بمكة نقوم باستخدام افضل انواع المنظفات مع عمالة مدربة بطريقة ممتازة على التنظيف دون حدوث اي ضرر للمفروشات تو تغيير لون الفلل او المنازل
    لدينا اسعار تتناسب مع الجميع
    شركة تنظيف منازل بمكة
    اتصل بنا على 0500941566
    لنصلك باي مكان بمكة المكرمة والطائف
    http://www.elbshayr.com/5/House-clearance

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

    اتصل بنا على0500941566
    http://www.elbshayr.com/6/Cleaning-tanks


    ردحذف

  4. افضل شركة تنظيف خزانات بالمدينة المنورة

    احصوا علي افضل خدمة غسيل خزانات بالمدينة المنورة مع شركة الندي افضل شركة تنظيف خزانات بالمدينة المنورة , عزل خزانات بالمدينة المنورة باحدث الطرق العلمية التي لا تضر بالمياة و لا بالخزان و تحت اشراف الفنيين و المتخصصين لافضل خزان نظيف باقل الاسعار بالمدينة المنورة و افضل مواد التنظيف المستوردة التي تقضي تماما علي البكتريا و الطحالب الغير مرئية


    غسيل خزانات بالمدينة المنورة


    اتصلوا بنا علي
    0508726070



    http://www.elnadaa.com/653/Cleaning-tanks-medina

    ردحذف