اهلا بكم زوار ومتابعى نرابي ويب فى شرح جديد عن كيفية
اضافة اداة تسجيل الدخول لمدونات بلوجر عن طريق الفيس بوك
كيف تقوم باضافة اداة تسجيل الدخول لمدونات بلوجر عن طريق الفيس بوك
وعرض اسم المستخدم وصورته والكثير من المعلومات عنه
تحتاج لاضافة هذه الاداة عمل عدة خطوات
1/سجل دخولك للفيس بوك ثم اذهب الى تطبيقات الفيس بوك
2/اضغط على انشاء تطبيق او "create new app"
3/ثم اكتب اسم التطبيق الذى تريد انشاءه وليكن مثلا "My Recommendation Bar" كما بالصورة ثم نضغط على continua او متابعه
4/ثم نقوم بكتابه الكود ونضغط submit
5/ ثم نضغط على تعديل التطبيق وفى خانه "تسجيل دخول المواقع" او "Website with Facebook Login" تكتب رابط موقعك او مدونتك ثم نضغط حفظ التغييرات
6/ثم نأخذ id التطبيق كما بالصورة
ثانيا اضافة التطبيق لمدونتك
1/ تذهب الى موقع بلوجر ثم تذهب الى مدونتك ثم القالب
2/تأخذ نسخة احتياطية من القالب
3/نضغط على تعديل القالب
*اذا كنت قد نفذت شرح "كيفية اضافة تفضيلات الفيس بوك الى مدونات بلوجر" قلا تقم بهذه الخطوة
4/نبحث عن
xmlns:expr='http://www.google.com/2005/gml/expr'
ثم نضيف بعدها هذا الكود كما بالصورة
xmlns:fb='http://ogp.me/ns/fb#'
5/ثم نبحث عن
<body>واذا لم تجدها ابحث عن
<body
وقم باضافة هذا الكوود بعد غلق الوسم فى حالة وجدت الثانى
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appid=App_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> dy
استبدل الكلمة باللون الاحمر App_ID باى دى التطبيق الذى انشأته
6/نقوم بحفظ القالب
7/نذهب الى تخطيط ثم اضافة اداة ثم نختار HTML/javascript
ونضع كود زر تسجيل الدخول الى المدونة
<fb:login-button autologoutlink="True" length="short" background="white" size="large"></fb:login-button>وهذه بعض اكواد اخرى يمكنك وضعها
كود اضافة اسم المستخدم فى الفيس بوك
<fb:name uid="loggedinuser" useyou="false"/></fb:name>كود اضافة صورة المستخدم فى الفيس بوك
<fb:name uid="loggedinuser" useyou="false"/></fb:name>
كود اضافة صندوق التعليقات
<fb:comments width='480'/>كود اضافة صفحة اعجابات الفيس بوك
<fb:fan profile_id="YOUR_PAGE_ID" stream="1" connections="10" width="300"></fb:fan>
وتقوم بتغيير ما باللون الاحمر باى دى صفحتك على الفيس بوك
LIVE STREAMING-
<fb:live-stream event_app_id="YOUR_APPLICATION_ID" width="400" height="500">
تم الشرح بحمد الله
اى استفسار فى تعليق