مرحباً بك بمدونتنا

آخر الأخبار
إضافه أداه "قد يعجبك أيضا Recommendation Bar" لمدونتك

إضافه أداه "قد يعجبك أيضا Recommendation Bar" لمدونتك

Unknown
6:22:00 ص
0 التعليقات
بلوجر

السلآم عليكم ورحمه الله وبركآته

النهارده معادنا مع أداه تجدها فى كثير من المدونات والمواقع أيضا وهى الأشهر على الإطلاق
أداه  "قد يعجبك أيضا Recommendation Bar"من أضافات فيسبوك


 مميزآت الأداه:
تقوم بعرض عدد من مواضيع مدونتك بشكل عشوائى للزوار وعدد الإعجابات اللذى حصلت عليه هذه المواضيع
تنبثق من أسفل الصفحه وتتغير المواضيع العشوائيه اللتى تعرضها مع فتح كل صفحه جديده 
 الخطوه الأولى: إنشآء الأداه 
 لإنشاء هذه الأداه تحتاج لإنشاء تطبيق جديد فى فيسبوك إذهب لهذه  الصفحه https://developers.facebook.com/apps
 ويجب ان تقوم بتسجيل الدخول لتصل لصفحه إنشاء التطبيق
ثم إضغط على زر create new app


 ستظهر أمامك هذه النافذه
فى الخانه الأولى إكتب إسم الأداه كما تحب والخانه الثانيه ليست ضروريه وإضغط متابعه
 وستظهر أمامك نافذه الإختبار الأمنى
قم بكتابه الحروف اللتى تظهر أمامك فى الخانه الفارغه ثم إضغط متآبعه
وسيتم تحويلك لصفحه الأداه الجديده
هذا الجزء أسفل الصفحه قم بالضغط على  Website with Facebook Login
 وأكتب رابط مدونتك فى الخانه ثم إضغط حفظ التغييرات 
وسيتم تحيث الصفحه تبقائيا فيظهر هذا الجزء
 الرساله فى المربع الأصفر تفيد ان إنشاء الأداه تم بنجاح
الآن قم بنسخ رقم الــ App ID كما بالصوره وأحفظه فى ملف txt
وهكذا إنتهينا من الخطوه الأولى
الخطوه الثآنيه: تركيب الأداه فى مدونتك
  1. إذهب إلى لوحه تحكم بلوجر وإضغط قالب
  2. قم بحفظ نسخه من قالبك قبل الشروع ف العمل
  3. إضغط تحرير Html
  4. إضغط بداخل صندوق رموز اكواد القالب ثم إضغط ctrl+f ليظهر لك مربع البحث
  5. إبحث عن هذا الوسم
         <html

  ثم إستبدله بهذا الكود
         <html xmlns:fb='http://ogp.me/ns/fb#'




 ثم إبحث عن هذا الوسم
         <body>

وضع هذا الكود بعده
         <script>
//Facebook Recommendation bar by www.blogeinter.blogspot.com
//<![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=AP ID هنا";
  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='هنا عدد المواضيع اللتى تريد ظهورها' read_time='10' side='right' site='هنا رابط مدونتك' trigger='40%'/></div>
</b:if></b:if>
    
  • AP ID هنا :غيرها إلى رقم الذى قمت بحفظه فى ملف التكست سابقا.
  • هنا عدد المواضيع اللتى تريد ظهورها:عيره إلى رقم 2 او 3 أو أكثر أو أقل حسب عدد المواضيع اللتى تريد ظهورها.
  • هنا رابط مدونتك: غيرها إلى رابط url لمدونتك.
  • غير right إلى left لو أردت ان تظهر الأداه ناحيه اليسار.
ملحوظه:الأداه لا تظهر فى الصفحه الرئيسيه بل تظهر فى المواضيع الفرعيه فقط
أخيرا قم بحفظ الأداه وستظهر الأداه فى موقعك
لوهنآك إستفسآرضعه ف التعليق ^_^
هشام ابرشى

اسمي هشام : من المملكة المغربية , اهتم بتقنيات الموقع ومواكبة كل ماهو جديد في عالم التقنيه , انقل قالبا ما اراه مفيد ومناسب للزوار , وايضا اطرح المواضيع الحصريه والمفيده للكل بأذن الله ..

شاركه على الفيسبوك
شاركه على تويتر
شاركه على جوجل +
شاركه على LinkedIn