Post Top Ad

Your Ad Spot

الاثنين، 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 تعليقًا:

  1. السلام عليكم

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

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

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

      حذف
  2. جزاك الله خيراا اخي على الشرح

    http://arabworlde.blogspot.com/

    ردحذف
    الردود
    1. شكرا لك للمشاركة وبالتوفيق ان شاء الله

      حذف
  3. جزاك الله خيراا اخي على الشرح

    http://www.jobsmacro.com

    ردحذف
    الردود
    1. شكرا لك للمشاركة وبالتوفيق ان شاء الله

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

    ردحذف
    الردود
    1. العفو يا اخى على وبالتوفيق لك ان شاء الله

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

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

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

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

    ردحذف

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

Post Top Ad