دليل المدون

2013-04-13

أضف زر دعوة أصدقاء الفيس بوك إلى بلوجر و ووردبريس invite friends button

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

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

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

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

invite-icon
لمعاينة الإضافة إضغط على هذا الزر لدعوة الأصدقاء

Invite your friends

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

facebook-application

ثم ادخل رمز التحقق وإضغط متابعة.
فى الصفحة التالية فى لوحة تحكم التطبيق إملأ بيانات التطبيق كما يلى:
invite-facebook-friend

أضف اسم موقعك والنطاق الخاص به (مثلا على مدونات بلوجر التى لا تستخدم نطاق أو دومين خاص  أضف blogspot.com ) ثم أضف رابط موقعك كاملا كما موضح بالصورة  ثم حفظ الإعدادات.
أيضًا انسخ معرف التطبيق ( App ID) لإضافته إلى الكود المستخدم.

.................................
2. الخطوة الثانية:
إذا كان موقعك على بلوجر فإتبع هذه الخطوات:
- اذهب إلى لوحة التحكم ثم تخطيط
- أضف أداة Html& Javascript
- انسخ الكود التالى وأضيفه إلى الأداة 

<style>
/*Facebook Invite Friends Button CSS http://conda3ianllkhir.blogspot.com/*/
.DrRO_fb_invite a{
font-family: "lucida grande", tahoma, verdana, arial, sans-serif ! important;
 font-weight:bold ! important;
 font-size:12px ! important;
 width:150px ! important;
 border:solid #29447e 1px ! important;
 border-bottom:solid #1a356e 1px ! important;
 cursor:pointer ! important;
 padding:6px 6px 6px 6px ! important;
 background-color:#5c75a9 ! important;
 border-top:solid #8a9cc2 1px ! important;
 text-align:center ! important;
 color:#fff ! important;
text-decoration:none  ! important;
}

.DrRO_fb_invite a:active{
 background-color:#4f6aa3;
}
/*End CSS http://conda3ianllkhir.blogspot.com/*/
</style>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId:' رقم معرف التطبيق',
cookie:true,
status:true,
xfbml:true
});
function FacebookInviteFriends()
{
FB.ui({
method: 'apprequests',
message: 'ادعو الأصدقاء لمتابعة مدونة كن داعيا للخير'
});
}
</script>
<br />
<div id="fb-root">
</div>
<span class="DrRO_fb_invite"><a href="#" onclick="FacebookInviteFriends();">
Invite your friends
</a></span>
<script type="text/javascript">
if (top.location!= self.location)
{
top.location = self.location
}
</script> 

يجب كتابة رقم معرف التطبيق  داخل الكود
يجب إستبدال النص الأزرق بالكود  بعبارة تظهر فى النافذه المنبثقة التى تظهر عند دعوة الأصدقاء
........................................
أما إذا كان موقعك على الوورد بريس فأضف الكود السابق كما يلى:
- اذهب إلى
 Dashboard —> Appearance —> Widgets
 - أضف text widget ولاتكتب شئ بالعنوان.
- ثم أضف الكود السابق به وأحفظ القالب.
قد يهمك أيضًا:

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

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

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

    تحياتى بحجم السماء

    ردحذف
  2. السلام عليكم

    لى سؤال اذا سمحت اختى الحبيبة
    بعد اضافة الاداة بالضغط عليها تعطينى خطأ وتظهر هذه الرسالة :

    ‎An error occurred. Please try again later.‎

    ارجو التوضح لانى مش فاهمة ازاى احل المشكلة

    جزاكم الله خيرا
    تحياتى لك بحجم السماء

    ردحذف
  3. يعطيكي العافية تمة الاضافة
    بنتظار المزيد من ابداعاتك

    ردحذف
  4. @ ليلى الصباحى.. lolocat
    تحياتى لكى أختى العزيزة ..فعلا جربت الإضافة بمدونتك ولكن أعيدى نسخ الكود مرة أخرى و تأكدى من إضافة رقم معرف التطبيق مضبوط .
    وتأكدى من أن هذا السطر من الكود لا يوجه إلى صفحة لوحة تحكم بلوجر بمعنى أن يكون هكذا بالضبط
    <span class="DrRO_fb_invite"><a href="#" onclick="FacebookInviteFriends();">

    مداد الجليد
    شكرا جزيلا لمتابعتك

    ردحذف
  5. شكرا على المعلومات القيمة التى ساعدتنى فى انشاء مدونتى شبابيك الخبر ارجو زيارة مدونتى وابدء ملحظاتك عليه ولا تبخل عليه بلمساهده شاكرين ومقدرين http://sababek.blogspot.com

    ردحذف
  6. موضوع متميز أشكرك علي هذا الجهد وننظر المزيد
    شاركوني رأيكم في هذا الموضوع لعله أكثر توضيحاً
    من هذا الرابط :
    http://get2money.weebly.com/5/post/2013/02/generate-traffic-through-like-button.html

    ردحذف
  7. اضافة رائعة بارك الله فيك

    http://www.almowajih.blogspot.com

    ردحذف
  8. اضافه روعه
    http://altyiar.blogspot.com/

    ردحذف
  9. لو سمحتي عملت اللي مكتوب بالضبط اتحذفت المدونة ارجو مساعدتييييييييييي

    ردحذف
  10. ممتااااااااااااز
    http://arab-zero.blogspot.com/

    ردحذف

  11. لى سؤال اذا سمحتم
    بعد اضافة الاداة بالضغط عليها تعطينى خطأ وتظهر هذه الرسالة :

    ‎An error occurred. Please try again later.‎

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

    جزاكم الله خيرا

    ردحذف
  12. السلام عليكم شكرا لك . واجهتني مشكلة عند اضافة الادة فهي تظهر بطول و حجم كبيرين

    هل من توضيح و شكرا مسبقا

    ردحذف
  13. بدي رد بسرعة بسرعة
    ليش بعد ما اسوي التطبيق وكل شي
    لما اجي ادعي الاصدقاء ما يجيهم اشعار
    ردو بسرعةبليز ضروري

    ردحذف
  14. مرحبا أنا وضعت كل المطلوب ............... ولكن هناك مشكلة وهي لما أحدد الأشخاص ثم أرسل الطلبات لهم تغلق نافذة الإرسال ولا يصل لهم شيء .............. أرجوا أن تساعدوني (للإدارة و لكل من واجهته نفس المشكلة ثم وجد حلها)

    ردحذف
  15. i have just added it it so nice and this is my blog
    http://net-2-blog.blogspot.com/

    ردحذف
  16. كيف يمكنني ان اقوم بصنع تطبيق لدعوت الاصدقاء عليه و و اجعلهم رؤيت من هم الاشخاص الذي اتابعهم ارجو الرد اخي الكريم

    ردحذف
  17. @ hamzah maher
    هذا التطبيق للأصدقاء فقط ولا توجد به إمكانية دعوة المتابعين Followers

    ردحذف
  18. كيف اعرف رقم معرف التطبيق رجاءا

    ردحذف
  19. @ سكيورتي الواسطي
    رقم معرف التطبيق موجود بالتطبيق بمسمى App ID كما هو موضح بالصورة بالموضوع

    ردحذف
  20. السلام عليكم انا لما بعمل blogspot.com للدومين في التطبيق بيجيب مثلث احمر

    ردحذف
  21. اضافة رائعة بارك الله فيك
    th5pro-pc.blogspot.com

    ردحذف
  22. شكرا جزيلا
    شبكة بلا حدود الإخبارية
    http://www1net.blogspot.com/

    ردحذف
  23. السلام عليكم ورحمه الله وبركاته
    لو سمحتى اختى انا عملت كل اللى قولتى عليه بس لـ الاسف كل ما اجى اضغط لـ دعوه اصدقائى تظهرلة دى
    Game Requests are only available to games.
    ولا اعلم ما السبب اتمنى الرد وشكرآآ :)

    ردحذف
  24. شكرا لمتابعتكم جميعا
    @ ÂlBîğ Bôŝ Ặħḿéd
    تأكد من أن التطبيق عام "public" >>>Yes
    ويكون فى لوحة تحكم تطبيقات الفيس بوك الجديدة من تبويب Status and Review

    ردحذف

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

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

تصميم كن مدون