السلام عليكم ورحمة الله وبركاتة اهلا بأعضاء وزوار موقع كينج نت
درسنا اليوم يتحدث عن كيفية اضافة زر دعوة الأصدقاء المتواجدة بحسابك
بالفيس بوك الى موقعك اضافة جديدة ومميزة ومن اهم ميزه هذه الأضافة بأمكان
الزائر ان يضغط على هذا الزر من موقعك لعمل شهرة للموقع وجلب العديد من
الزوار وكلنا نعلم جميعا بأن الفيس بوك يحمل المليارات من الأشخاص اعتقد
بأنها تكون اضافة قوية لمن يعانى من قلة الزوار وهذه الأضافة تعتبر طريقة
مشروعة عكس البرامج والطرق الأخرى الذى يعتبرها محركات البحث سبام فمن خلال
هذه الاضافة تعتبر زوار حقيقين مجرد عمل دعوة للاصدقاء من خلال الأضافة
بالفيس بوك الذى يتم ربطها بموقعك تجلب مئات الزوار وان شاء الله هذه
الأضافة تأتى بثمار جيد وتنجح لمن يعانون من قلة الزوار بالمدونة الأن نأتى
الى طريقة التركيب فطريقة التركيب تكون بعيدة وكل البعد عن اى تعديل بقالب
المدونة فقط سنضع كود بالمدونة عن طريق اداء Html& Javascript ولكن
بعد ربط موقعك بحسابك بالفيس بوك شاهدو معى طريقة التركيب والشرح مدعوم
بالصور ليكون الشرح واضح امام الجميع .
شرح ربط الموقع بالفيس بوك :
بالبداية اضغط على هذا الرابط المطورون
الأن سيظهر لك نافذه كما واضح لنا بالصورة التالية :
الخانة الاولى اسم التطبيق : ضع اسم مدونتك او موقعك
الخانة الثانية اختيارية لا تضع بها اى شيى وبالاخير اضغط متابعة
الأن ستنقلك الى صفحة اخرى ولكن هذه الصفحة تفيد بنقل الكود للتحقق كما واضح لنا اضغط متابعة
الأن انتهينا من انشاء تطبيق جديد وستجد ارقام الخاصة app id /api key هذه
الأرقام مهمة جدا لأنك ستحتاج هذه الأرقام فقط قم بالضغط على Edit Settings
كما واضح لنا بالصورة التالية لنقوم بضبط الأعداد :
الان ستجد صفحة بها بيانات كل ما يهمنا فى هذه الصفحة خانة App Domains لكن ركز معى فى هذه المرحلة :
بالنسبة لأصحاب الدومينات المدفوعة يضعون رابط الدومين هكذا name.com
بالنسبة لأصحاب الدومينات المجانية وبالأخص بلوجر يضعون فى هذه الخانة blogspot.com
ومن الأسفل تجد عنوان بأسم Website with Facebook Login
صورة موضحة لذلك :
اضغط الأن على زر حفظ التغيرات
الان ستجد شريط اصفر اللون يفيد بالنجاح مثال لشكل الشريط :
تم الأنتهاء من انشاء تطبيق جديد وعمل ربط بالموقع .
======================
شرح اضافة الكود بالمدونة ليظهر الزر بالمدونة :
اذهب الى لوحة تحكم مدونتك ومنها قم بالضغط على التخطيط واضف اداء جديدة بعنوان 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>
ماذا نفعل الأن ؟
قم بوضع رقم التعريف مكان كلمة ضع ارقام التطبيق هنا المحددة باللون الأخضر
قم بوضع جملة تظهر بصندوق الدعوة مكان كلمة ساعدنا بدعوة الأصدقاء الى موقع كينج نت المحددة باللون الأصفر وبالاخير اضغط حفظ وضعة بالمكان الذى يناسبك بالمدونة .
انتهى الشرح وارجو بأن هذه الأضافة اعجبتكم وانتظرو قريبا اضافة جديدة
مفيدة (( لا خير فى كاتم العلم )) وهذه صورة نهائية لشكل الأضافة المتواجدة
بموفع كما تلاحظونه بالموقع .
مدون مصري يحب عالم البرمه ومهتم بالويب والتكنولوجيا وتخصص بلوجر وان شاء الله افيدكم بما اعرف وبما لا اعرف ونشكر اصحاب الشروحات التي بقلم مدون اخر والسلام عليكم ورحمه الله وبركاته
تحويل كودإخفاء محول الأكواد الإبتساماتإخفاء