شرح اضافة زر دعوة اصدقاء فيس بوك الى موقعك FacebookI nvite Friends

السلام عليكم ورحمة الله وبركاتة اهلا بأعضاء وزوار موقع كينج نت درسنا اليوم يتحدث عن كيفية اضافة زر دعوة الأصدقاء المتواجدة بحسابك بالفيس بوك الى موقعك اضافة جديدة ومميزة ومن اهم ميزه هذه الأضافة بأمكان الزائر ان يضغط على هذا الزر من موقعك لعمل شهرة للموقع وجلب العديد من الزوار وكلنا نعلم جميعا بأن الفيس بوك يحمل المليارات من الأشخاص اعتقد بأنها تكون اضافة قوية لمن يعانى من قلة الزوار وهذه الأضافة تعتبر طريقة مشروعة عكس البرامج والطرق الأخرى الذى يعتبرها محركات البحث سبام فمن خلال هذه الاضافة تعتبر زوار حقيقين مجرد عمل دعوة للاصدقاء من خلال الأضافة بالفيس بوك الذى يتم ربطها بموقعك تجلب مئات الزوار وان شاء الله هذه الأضافة تأتى بثمار جيد وتنجح لمن يعانون من قلة الزوار بالمدونة الأن نأتى الى طريقة التركيب فطريقة التركيب تكون بعيدة وكل البعد عن اى تعديل بقالب المدونة فقط سنضع كود بالمدونة عن طريق اداء Html& Javascript ولكن بعد ربط موقعك بحسابك بالفيس بوك شاهدو معى طريقة التركيب والشرح مدعوم بالصور ليكون الشرح واضح امام الجميع .

شرح ربط الموقع بالفيس بوك :

بالبداية اضغط على هذا الرابط المطورون

الأن سيظهر لك نافذه كما واضح لنا بالصورة التالية :

الخانة الاولى اسم التطبيق : ضع اسم مدونتك او موقعك 

الخانة الثانية اختيارية لا تضع بها اى شيى وبالاخير اضغط متابعة

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

الأن انتهينا من انشاء تطبيق جديد وستجد ارقام الخاصة app id /api key هذه الأرقام مهمة جدا لأنك ستحتاج هذه الأرقام فقط قم بالضغط على Edit Settings كما واضح لنا بالصورة التالية لنقوم بضبط الأعداد :

الان ستجد صفحة بها بيانات كل ما يهمنا فى هذه الصفحة خانة App Domains لكن ركز معى فى هذه المرحلة :

بالنسبة لأصحاب الدومينات المدفوعة يضعون رابط الدومين هكذا name.com مثال kingnt.com

بالنسبة لأصحاب الدومينات المجانية وبالأخص بلوجر يضعون فى هذه الخانة  blogspot.com

ومن الأسفل تجد عنوان بأسم Website with Facebook Login‎ قم بالضغط علية ليتم فتحة 

بالنسبة للدومينات المدفوعة يضعون الرابط هكذا مثال http://www.kingnt.com/

بالنسبة للدومينات المجانية يضعون الرابط هكذا مثال http://kingnt.blogspot.com

صورة موضحة لذلك :

اضغط الأن على زر حفظ التغيرات

الان ستجد شريط اصفر اللون يفيد بالنجاح مثال لشكل الشريط :

تم الأنتهاء من انشاء تطبيق جديد وعمل ربط بالموقع .

======================

شرح اضافة الكود بالمدونة ليظهر الزر بالمدونة :

اذهب الى لوحة تحكم مدونتك ومنها قم بالضغط على التخطيط واضف اداء جديدة بعنوان Html& Javascript

قم بنسخ هذا الكود ولصقة بداخل هذه الأداء :

 <style>
/*Facebook Invite Friends Button CSS http://kingnt.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://kingnt.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>

ماذا نفعل الأن ؟

قم بوضع رقم التعريف مكان كلمة ضع ارقام التطبيق هنا المحددة باللون الأخضر

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

انتهى الشرح وارجو بأن هذه الأضافة اعجبتكم وانتظرو قريبا اضافة جديدة مفيدة (( لا خير فى كاتم العلم )) وهذه صورة نهائية لشكل الأضافة المتواجدة بموفع كينج نت كما تلاحظونه بالموقع .