https://developers.facebook.com/apps/?action=create الان فى خانة App Name ضع فيها اسم التطبيق وليكن تعليقاتى او اسم مدونتك او اى اسم تريدة والخانة الثانية App Namespace مكتوب علية اختيارى اتركها كما هى لا يهم الان اضغط على زر متابعة كما تلاحظون بالصورة التالية :
بعد الضغط على زر متابعة ستنقلك الى صفحة اخرى تفيد بأن حسابك ليس مفعل يطلب منك تفعيل حسابك وهو يعطيك احدى الخيارات سواء عن طريق الهاتف المحمول او عن طريقة بطاقة الائتمان طبعا سنختار عن طريق الهاتف المحمول من خلال الضغط على الارقام كما واضح لنا بالصورة التالية تفيد بذلك :
الان اختار كود مفتاح دولتك ومن بعدها ضع رقم تليفونك واضغط على زر تأكيد لتصلك رسالة عبر الهاتف المحمول
الأن بعد اضافة رقم تليفونك والضغط على تأكيد ستصلك رسالة بها كود عبارة عن حروف وارقام قم بوضعها فى خانة الرمز وقم بالضغط على زر تاكيد كما واضح لنا بالصورة التالية :
كما تلاحظون بالصورة التالية رسالة تفيد بأتمام تأكيد حسابى الان ماذا تفعل ؟ اذهب الى الصفحة الرئيسية بالفيس بوك ومن اسفل الصفحة اضغط على المطورون كما بالصورة التالية :
الان من اعلى الصفحة اضغط على Apps او التطبيقات مثل ما ظاهر لنا بالصورة التالية :
بعد الضغط على التطبيقات Apps ستجد الأعدادات بها مفتاح التفعيل وهذا يدل على ان حسابك تم تفعيلة
الان اضغط على زر تحرير التطبيق
كما تلاحظون بالصورة التالية تم اضافة اسم الدومين فى خانة App Domains هكذا www.kingnt.com لا تضع http
وفى خانة Site Url تم اضافة موقعى هكذا http://www.kingnt.com كما تلاحظون بالصورة التالية يوجد ملحوظة هامة جدا جدا يقع بها بعض الاشخاص وهى اذا كنت تمتلك دومين مدفوع ضع رابط موقعك كما انا وضعت ولكن اذا كان دوينك مجانى من بلوجر ضع فى خانة App Domains رابط دومين بلوجر هكذا blogger.com
الان نحن انتهينا من الربط بين مدونتك بالفيس بوك نأتى الأن الى المرحلة النهائية وهى تركيب الأكواد :
اذهب الى القالب من لوحة التحكم
الان سيظهر لك صفحة قم بالضغط على تحرير HTML
تابع معى الان قم بالضغط على زر المتابعة مثل ما واضح بالصورة
كما واضح لنا بالصورة التالية قم بالضغط على توسيع القالب بوضع علامة
الأن جاء الى الأهم قم بالضغط على ازرر CTRL + F من الكيبورد لوحة المفاتيح لظهور خاصية البحث
من خلال البحث ابحث عن هذا الكود :
<html
ضع بجانبة مباشرة هذا الكود ::
xmlns:fb='http://www.facebook.com/2008/fbml'ليصبح هكذا :
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org
ثم ابحث عن هذا الكود :
<body>اضف بعدة مباشرة هذا الكود :
<div id='fb-root'/> <script> window.fbAsyncInit = function() { FB.init({xfbml: true, appId: رقم تفعيل التطبيق }); }; (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/ar_AR/all.js' document.getElementById('fb-root').appendChild(e); }()); </script>
الان ستضيف رقم تفعيل التطبيق الذى حصلنا علية وهو موجود فى صفحة اعداد التطبيق
ابحث عن هذا الكود :
</head>
ضع قبلة مباشرة هذا الكود :
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='عنوان المدونة' property='og:site_name'/>
<meta content='رابط الصورة' property='og:image'/>
<meta content='رقم تفعيل التطبيق ID' property='fb:app_id'/>
<meta content='رقم حسابك بالفيس بوك ID' property='fb:admins'/>
<meta content='article' property='og:type'/>
طبعا لاتنسى التغيرات ضع اسم مدونتك مكان عنوان المدونة
وضع رابط الصورة مع تغير رقم تفعيل التطبيق ثم مع اضافة رقم حسابك بالفيس بوك
ابحث عن هذا الكود :
<b:includable id='comment-form' var='post'>
ضع بعدة هذا الكود مباشرة :
<b:if cond='data:blog.pageType == "item"'> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments width='470' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/> </div> </b:if>
قم بتغير رقم 470 الى الرقم الذى يناسبك فهذا الرقم يفيد بمساحة صندوق العليق ليتناسب مع حجم استايل الموقع
ملحوظة هامة : اذا كان استايل مدونتك بالألوان الغامقة كالاسود والازرق ضع هذا الكود بدل الكود السابق :
<b:if cond='data:blog.pageType == "item"'> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:commentscolorscheme='dark' width='470' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1'/> </div> </b:if>
فى النهاية اذهب الى مدونتك وادخل على اى موضوع ستجد الأضافة بشكل الصحيح
0 التعليقات:
إرسال تعليق