اضافة تطبيق الفيسبوك للتوصية بالمواضيع فى نافذة منبثقة

6
السلام عليكم و رحمة الله .

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



لمعاينة الاضافة من هنا


الخطوات :
يجب ان يكون لديك حساب على الفيس بوك اولا 

يجب اولا تصميم التطبيق على موقع الفيس بوك و من ثم اضافته على مدونتك ( الوقت المحتمل : 3 دقائق )

ادخل على صفحة التطبيق من هنا تطبيقات  الفيس بوك

ثم نضغط على كلمة Create New App . او انشاء تطبيق جديد فى اعلى يسار الصفحة




بعد الضغط عليها تظهر لنا هذه النافذة













اكتب كلمة  My Recommendation Bar  فى خانة  App Name  , و نترك خانة App Namespace فارغة ( اختيارية ) يمكنك ان تكتب بها اى شيئ لتمييز تطبيقك

ثم اكتب كلمات التحقق فى خانتها


















بعد الضغط على متابعة سوف يتم تحويلنا الى صفحة البيانات . سوف يتم كتابة اسم موقعك












اكتب اسم موقعك فقط و قم بحفظ التغييرات , و لا تغلق الصفحة لانك سوف تحتاج الى رقم التطبيق الموجود فى اعلى الصفحة








بعد نسخ الرقم الخاص بك احتفظ به .

و الان اتهينا من الفيس بوك .

نذهب بعد ذلك الى المدونة .
1- تسجيل دخول
2- قالب
3- تحرير HTML

ثم ابحث عن كلمة  <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='3' read_time='10' side='left' site='http://win7-info.blogspot.com/' trigger='40%'/></div>
</b:if></b:if>
_________________________________________________________________________________


غير اللون الاصفر الى رقم التطبيق
غير اللون الاحمر الى عدد المواضيع المراد اظهارها
غير اللون الازرق الى مكان وجود الاداة

ثم قم بحفظ القالب و شاهد النتيجة ..

اى كان هناك اى خطأ لا تتردد بالتعليق

التعليقات

  1. السلام عليكم ورحمة الله
    شكراا لك اخي واتمنى لك التوفيق على الموضوع الراءع بصراحة كنت متشوق له
    http://lbadya.blogspot.com/
    ادا اردت تبادل اعلاني مرحبا اخي

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

    ردحذف
  3. ماشاالله عليك خرب القالب

    ردحذف
  4. topmobilesphone @
    يا اخى الاضافة اشتغلت مع ناس كتير و شغالة 100% , و الدليل عندى فى الموقع .
    انت ممكن تكون نقلت حاجة غلط لان اى حرف او مسافة غلط يبقى كل حاجة خراب

    ردحذف
  5. هل من الممكن استخدامها في اي موقع ؟
    ولا لازم بلوجر ؟

    ردحذف
    الردود
    1. الاضافة للبلوجر فقط لا غير يا استاذ هيثم مجدي

      حذف

يتم التشغيل بواسطة Blogger.