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

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

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

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

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

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

لمشاهده الاضافه اضغط هنا

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

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 ولاتكتب شئ بالعنوان.

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

واتمنى ان افتكم في هذا الموضوع