الاثنين، 6 مايو 2013

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

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


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

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


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


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


الان ستجد صفحة بها بيانات كل ما يهمنا فى هذه الصفحة خانة App Domains لكن ركز معى فى هذه المرحلة :
بالنسبة لأصحاب الدومينات المدفوعة يضعون رابط الدومين هكذا name.com مثال kingnt.com
بالنسبة لأصحاب الدومينات المجانية وبالأخص بلوجر يضعون فى هذه الخانة  blogspot.com
ومن الأسفل تجد عنوان بأسم Website with Facebook Login
بالنسبة للدومينات المجانية يضعون الرابط هكذا مثال 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>

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

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

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


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

12 التعليقات

السلام عليكم

جزاك الله خيرا اخى على الموضوع الجميل
نفعنا الله واياك بكل خير ونفع بنا العباد

تحياتى لجهدك الطيب
http://mchabat.3abber.com/

جزاك الله خيراا اخي على الشرح

http://arabworlde.blogspot.com/

جزاك الله خيراا اخي على الشرح

http://www.jobsmacro.com

مشكور أخي علي موضوعاتك الرائعه
http://sada-store.blogspot.com/

بالتوفيق لك يا اخى الكريم واهلا بتوجدك بموقعنا

شكرا لك للمشاركة وبالتوفيق ان شاء الله

شكرا لك للمشاركة وبالتوفيق ان شاء الله

العفو يا اخى على وبالتوفيق لك ان شاء الله

أخي العزيز لقد نفذت كافة الخطوان كما ذكرت ولكن عندما أرسل الدعوة لاتصل إلي الشخص ع الرغم إنها تظهر لي كما لو كانت وصلت
بإمكانك تجربة هذا بمدونتي لكي تتاكد http://sada-store.blogspot.com/

اهلا بك اخى على
من خلال موقعك والاضافة تمت التجربة وهى تعمل بشكل جيد قمت بعمل دعوة لصديق بموقعك وقال لى هل هذا موقعك ؟
فهذا يدل على ان الدعوة ارسلت لصديقى بنجاح لانة قال لى هل هذا موقعك ؟
الاضافة قمت بتجربتها مسبقا وهى تعمل بدون اى مشاكل .

بيجيلي رسالة مكتوب فيها لما اضغط على invite your frinds
The parameter app_id is required

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

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الرموز التعبيريةالرموز التعبيرية