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

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

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

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

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

يجب اولا تصميم التطبيق على موقع الفيس بوك و من ثم اضافته على مدونتك ( الوقت المحتمل : 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 == "item"'><b:if cond='data:blog.pageType != "static_page"'><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>

_________________________________________________________________________________

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

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

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