دليل المدون

2012-02-22

إضافة زر أعجبنى وصندوق الإعجاب الفيس بوك Like box,Like الرسمى لموقعك بكل سهولة

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

وفر لنا مطوروا الفيس بوك facebook developers طريقة بسيطة جدا للحصول على كود لزر like الخاص بصفحتك ليتم نسخه ولصقه بصفحة ترحيب الفيس بوك أو المواقع والمدونات لنشر المواضيع على الفيس بوك .

أولاً : زر الإعجاب Like Button  






 
وللحصول على كود زر like  عليك بالتوجه إلى هذا الرابط من هـــنااااااااا
ونسخ رابط البيدج ولصقه كما موضح بالصورة
من مميزات هذه الطريقة أننا نستطيع التحكم فى :
  1. شكل زر الإعجاب ما إذا كان يحتوى على عدد المشتركين وغير ذلك
  2. التحكم فى ظهور صور المعجبين من عدمه
  3. التحكم فى العرض بما يناسب التصميم
  4. إختيار الكلمة المكتوبة على الزر إذا كانت Recommend أو Like
  5. تحديد لون خلفية الزر فاتح أو غامق
  6. التحكم فى نوع الخط
ملحوظة: يجب عدم تنشيط زر Send بإزالة العلامة بجواره لأن هذا الزر يعمل بكود  XFBML  فقط ولن يعطينا كود iframe
بعد تحديد الإعدادات كما سبق نضغط Get Code للحصول على الكود 
ستظهر لنا نافذة الأكواد نختار تبويب IFRAME  وننسخ الكود الموجود أسفله .
وسنتعرف بعد الفاصل على طريقة إنشاء صندوق الإعجاب

ثانياً : صندوق الإعجاب Like Box








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

 ويمكن التحكم بما يلى:
  1. طول وعرض الصندوق بما يناسب التصميم
  2. لون خلفية الصندوق
  3. إختيار عرض صور المشتركين من عدمه
  4. التحكم فى لون حدود الصندوق عن طريق وضع كود اللون المناسب ويمكن الإستعانة بمولد أكواد الألوان الفلاشى
  5. إختيار عرض محتويات الحائط أو إلغاء عرضها
  6. إختيار عبارةFind us on Facebook أو إلغاؤها
بعد تحديد الإعدادات كما سبق نضغط Get Code للحصول على الكود 
ستظهر لنا نافذة الأكواد نختار تبويب IFRAME  وننسخ الكود الموجود أسفله .


لإضافة الكود لصفحات الفيس بوك يجب إنشاء تطبيق IFRAME كما ذكرت بهذا الدرس
ولإضافته لمدونات بلوجر يجب إضافة أداة وإضافة HTML,Javascript ولصق الكود بها.


تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

هناك 34 تعليقًا

  1. ممتاز جزاك الله خيرا .. لكن كنت ابحث عن كود يعرض فى رئيسيه المنتدى ... يظهر اسم الصفحه كما فى الفيس بوك وبجواره صوره الشخص الذى عمل اعجاب بالصفحه

    عمتآ نشكرك جزيلا

    ردحذف
  2. شكرا لمتابعتك ولكن ليس لدى خبرة بالمنتديات

    ردحذف
  3. شكرا لك
    لكن زر الاعجاب يظهر فى كل الصفحات مكرر
    يعنى لو اعجب شخص بتدوينة واحدة يظهر اعجابه فى كل التدوينات!!!

    ردحذف
  4. فعلا زر الإعجاب بهذه الطريقة يكون للموقع ككل وليس لكل موضوع

    ردحذف
  5. ياريت تحديث رابط الإضاافة لأنه بهذا الشكل ناقص

    فى الفى بى يكون الرابط يحتوى على
    showthread.php?t=$threadid
    وهنا بنفس الإضافة كما تقول لا يعطينى الرابط صحيح

    ردحذف
  6. هذا الشرح مناسب لأكواد Html
    شكرا لمتابعتك

    ردحذف
  7. بارك الله فيك اخي العزيز

    ردحذف
  8. شكرا على الاضافة وتم

    ردحذف
  9. وفقك الله وجزاك الله خير كثيرا

    ردحذف
  10. هذا الي كنت ابحث عنه ..تسلم

    ردحذف
  11. اسجل اعجابي لهذا الموضوع الروعه والذي يحمل في معانيه كل مفيد .
    جزاكم الله خيرا

    ردحذف
  12. أرجوك انا لما بدوس لايك بيجيلى Confirm انا عايز الغيها

    ردحذف
  13. لك جزيل الشكر ووافر الإحترام والتقدير

    ردحذف
  14. ربي يسعدك ويسعد والديك
    ممكن اعرف اين اضع الكود ؟
    الذي قمنا بنسخه
    ربي يحفظك

    ردحذف
  15. @selmiomar
    فى أى محرر أكواد Html
    مثلا إذا كانت مدونة على منصة بلوجر مثلا اذهب إلى لوحة التحكم ثم تخطيط ثم أضف أداة ثم أختر HTML and javascript ستظهر لك نافذة إنسخ بها الكود

    ردحذف
  16. ممكن رابط كود يفعل هكذا تماام بس للتويتر ؟؟

    ردحذف
  17. @ afdal islamy
    شرح تفعيل أدوات تويتر للمواقع على الرابط
    http://www.condaianllkhir.com/2014/01/twitter-widgets.html

    ردحذف
  18. السلام عليكم
    اضافة ممتازة . قمت باضافتها
    ولكنها تعمل علي Mozilla Firefox و لا تعمل علي Google Chrome
    فما هو السبب جمال جحرود http://gamal3ok.blogspot.com

    ردحذف
    الردود
    1. لماذا لا يتم الرد علي هذا السؤال

      حذف
    2. عفوًا على التأخير فى الرد
      لقد تم تحديث إضافة Likebox إلى إضافة إضافة صفحة الفيس بوك

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

      حذف
  19. السلام عيكم
    تقدمت بطلب للحصول علي اعلانات ادسنس تم قبولي مبدئياً و لكن بعد ذلك رفض الطلب مع اني اجد مدونات اعلي من مدونتي في ترتيب Alxea و بها اعلانات الفرق الوحيد ان مدونتي في النطاق المجاني و لم يمر علي مدونتي الا 5شهور فما هي النصيحة و لكم جزيل الشكر
    جمال جحرود http://gamal3ok.blogspot.com

    ردحذف
    الردود
    1. غالبًا تتضمن رسالة أدسنس سبب الرفض الذى يجب دراسته و العمل على إزالة هذا السبب و يمكنك مراجعة شروط سياسة ادسنس وإليك بعض النصائح المقدمة من بعض مستخدمى أدسنس لتزيد فرصة القبول :
      1. المحتوى كاف بحيث يحتوى الموقع عدد لابأس به من المنشورات
      2.إضافة صفحات من نحن , اتصل بنا , سياسات الخصوصية , سياسات الاستخدام
      3. تنسيق القالب بحيث يظهر جيدًا قبل تقديم الطلب وعدم تغيير أى كود بالقالب أثناء فترة المراجعة حتى لا تعتبر المدونة فى طور البناء.
      4. محاولة نشر موضوع حصرى كل يوم أثناء فترة المراجعة
      5. لابد أن يكون محتوى الموقع لا ينتهك حقوق التأليف والملكية وأن تكون المقالات حصرية وغير منقولة
      6.شراء دومين يزيد من فرصة القبول
      واتمنى لكم التوفيق

      حذف
    2. كم تكلفة الدومين و كيفية الشراء

      حذف
    3. يختلف السعر من شركة إلى أخرى ومن وقت إلى آخر بالنسبة لى مشتركة فى شركة جودادى لبيع الدومينات وأحيانا تقدم عروض بأسعار مخفضة لبيع الدومين ويمكن متابعة هذا الموضوع قبل التفكير فى شراء دومين
      تساؤلات حول ربط نطاق مدونة بلوجر بدومين مدفوع

      وأؤكد أن شراء الدومين ليس شرطًا للقبول فى أدسنس ولكنه يزيد من فرصة القبول

      حذف
  20. هل يمكن اضفافة زر لايك ومشاركة
    بالنسبة للبروفايل وليس الصفحة

    ردحذف
    الردود
    1. لايمكن الاضافة متاحة فقط للصفحات ..شكرا لمرورك

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

    ردحذف
  22. لو سمحت انا عندي صفحه وكانت فيه صفحه تانيه مشاركه بوست من عندي ومظهرش الاعجاب بالصفحه هي الخطوات دي تظهرها ولا دي لحاجه تانيه

    ردحذف
    الردود
    1. هذا الموضوع مخصص لأزرار الإعجابات خلال المواقع مثل بلوجر - ووردبريس

      حذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون