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

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

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

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

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

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

Invite your friends

كيفية عمل زر دعوة أصدقاء الفيس بوك

1. الخطوة الأولى:

إنشاء تطبيق على الفيس بوك :

وذلك بالتوجه إلى صفحة مطورى الفيس بوك وكتابة إسم مدونتك كما بالصورة ثم إضغط " containue" 

ثم ادخل رمز التحقق وإضغط متابعة.

فى الصفحة التالية فى لوحة تحكم التطبيق إملأ بيانات التطبيق كما يلى:

أضف اسم موقعك والنطاق الخاص به (مثلا على مدونات بلوجر التى لا تستخدم نطاق أو دومين خاص  أضف 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 ولاتكتب شئ بالعنوان.

- ثم أضف الكود السابق به وأحفظ القالب.

قد يهمك أيضًا:

أفضل طريقة لإضافة أزرار الفيس بوك وتويتر وجوجل بلس لموقعك

قائمة ثابتة من أيقونات المواقع الاجتماعية الخشبية 

نوافذ متحركة صندوق معجبين الفيس بوك مع صندوق محادثة تويتر وزر جوجل +1 والقائمة البريدية

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

بقلم Dr.Rasha Omran

مطورة تطبيقات الهاتف ، سفيرة ببرنامج Women Techmakers التابع لجوجل ، أهتم بالمحتوى الرقمى وأحببت أن أدون كل ما تعلمته فى هذا الموقع للإفادة فى أعمال هادفة