مساحة إعلانية

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 ولصق الكود بها.

إختبار وتصحيح الأكواد على الفيس بوك

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

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

  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. thanks a lot i need to add facebook box comment to my blog http://classicalnovels.blogspot.com/p/toc-width99-margin5px-auto-border1px.html

    ردحذف
  19. http://i-love-advertising.blogspot.com
    Thanks

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

    ردحذف

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


لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"

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