إضافة زر أعجبنى وصندوق الإعجاب الفيس بوك 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 ولصق الكود بها.

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

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

مواضيع ذات صلة

21 التعليقات:

عبدالرحمن الفولى يقول...

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

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

Dr.R.o يقول...

شكرا لمتابعتك ولكن ليس لدى خبرة بالمنتديات

shery يقول...

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

Dr.R.o يقول...

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

Ali Losha يقول...

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

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

Dr.R.o يقول...

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

sami يقول...

بارك الله فيك اخي العزيز

اسير الشوق يقول...

والله ماعرفت

Saudi Tech يقول...

شكرا على الاضافة وتم

http://alyomtop.blogspot.com/ يقول...

وفقك الله وجزاك الله خير كثيرا

مدونة هيا يقول...

هذا الي كنت ابحث عنه ..تسلم

الدولي يقول...

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

أحمد محمد زغدار يقول...

شرح صعب

2DAY IS BESt يقول...

شكرا لحضرتك تم الاضافة
عالم الموضة والبنات

mohammad gad يقول...

شكرا

Mahmoud Ibn Masr يقول...

أرجوك انا لما بدوس لايك بيجيلى Confirm انا عايز الغيها

Ahmed Ezz El-arab يقول...

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

selmiomar يقول...

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

Dr R.O يقول...

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

afdal islamy يقول...

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

Dr R.O يقول...

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

إرسال تعليق

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

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

Blogger Widgets
 
Privacy-Policy
كن داعيا للخير © 2013 | عودة الى الاعلى
Designed by Chica Blogger /تعريب وتطوير - مدونة فوتوشوب للعرب