Post Top Ad

Your Ad Spot

السبت، 9 مارس 2013

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

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







الان ستضع فى الخانة الاولى الخاصة بأسم التطبيق كلمة  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  بالاخير اضغط على حفظ وستجد الاضافة تظهر لك بمدونتك بهذا الشكل المعروف :



















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

هناك تعليقان (2):

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

Post Top Ad