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

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

الان ستضع فى الخانة الاولى الخاصة بأسم التطبيق كلمة  My Recommendation Bar واترك الخانة الثانية لانها اختيارى وبالاخير اضغط على زر متابعة مثل ما واضح لنا بالصورة التالية :

بعد الضغط على زر متابعة ستنقلك الى صفحة ادخال كود الاختبار الامنى انقل الكود واضغط متابعة صورة موضحة لذلك :

بعد الأنتهاء ستنقلك الى صفحة التطبيق المضافة وبها رقم التطبيق App ID هذا الرقم سنحتاجة مثل الصورة التالية المشار علية بالسهم ومن نفس الصفحة بالأسفل قم بالضغط على Website With Facebook Login مثل الصورة التالية المشار علية باللون الاصفر :

 














بعد الضغط على Website With Facebook Login ستفتح لك قائمة بها خانة Site Url قم بأضافة رابط موقعك وبالأخير اضغط على زر حفظ التغيرات :

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

الأن انتهينا من صناعة التطبيق وحصلنا على رقم التطبيق كما اشرت لاننا سوف نحتاجة لا تغلق صفحة التطبيق لانك ستنسخ رقم التطبيق المطلوب عند اضافة الكود الان اذهب الى لوحة تحكم مدونتك قبل تركيب اى كود ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير HTML

الان اضغط على زر متابعة

الان قم بتوسيع القالب كما واضح لتا بالصورة التالية

الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح
ابحث عن هذا الكود :

</body>

ضع بعدة مباشرة هذا الكود :

 <div id='fb-root'/>
<script>
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=رقم التطبيق";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='5' read_time='10' side='left' site='http://www.kingnt.com/' trigger='40%'/></div>
</b:if></b:if>

قبل الحفظ قم بعمل الأتى :

اللون الأصفر بالكود (( رقم التطبيق )) ضع مكانة رقم التطبيق الذى حصلنا علية
اللون الأخصر بالكود رقم (( 5 )) ضع مكانة رقم عدد ظهور المواضيع العدد الذى تريدة
اللون السماوى ضغ رابط موقعك بدل رابط موقعى
اللون الأورنج يفيد بتجاه ظهور الاضافة اذا كنت تريد ظهورها بالشمال فاتركها كما هى اما اذا كنت تريد الاضافة من الجهة اليمنة قم بتغيرها الى كلمة right  بالاخير اضغط على حفظ وستجد الاضافة تظهر لك بمدونتك بهذا الشكل المعروف :

انتهى الشرح وارجو بأن الأضافة اعجبتكم وانتظرونى بتدوينة اخرى مفيدة