انشاء تطبيق علي facebook واضافة صندوق تعليقات الفيس بوك
ساشرح لكم اليوم اضافات الفيس بوك الا وهي انشاء تطبيق علي facebook لانه لن تعمل اي اضافة للفيس بوك علي موقعك او مدونتك إلا بإنشاء هذا التطبيق اولا نذهب الي الرابط التالي
ثم ابحث عن الكود الاتي
<html
xmlns:fb='http://www.facebook.com/2008/fbml'
<html xmlns:fb='http://www.facebook.com/2008/fbml' expr:dir='data:blog.............2005/gml/expr' >
<body>
واضف الكود الاتي اسفله مباشرة بعد التعديل عليه
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'اضف ID الذي نسخته',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
اضف كود اي دي ID الذي نسخته بدل الكلمات المظلله باللون الاحمر في الكود السابق
ثم بعد ذلك قم بفتح مفكرة الكميوتر وضع بها الكود التالي لاننا سنقوم ببعض التعديلات
<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='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash2/49293_100000602005289_4959748_q.jpg' property='og:image'/>
<meta content='اضف ID الذي نسخته من قبل' property='fb:app_id'/>
<meta content='اضف ID الخاص ببروفايلك علي الفيس بوك' property='fb:admins'/>
<meta content='article' property='og:type'/>
واليك التعديلات
لاسبدال صورة الشعار قم بتغيير رابط الصورة الاتي وضع رابط صورتك وتكون صورة صغيرة
https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash2/49293_100000602005289_4959748_q.jpg
ولمعرفة ID الخاص ببروفيلك علي الفيس بوك ادخل علي الرابط الاتي
وقم بتغيير كلمة your profile باسم حسابك علي الفيس بوك مثل هذا
ستجد اعلي الصفحة ID الخاص ببروفيلك
وبعد انهاء التعديلات المطلوبة نذهب الي قالب ثم تحرير html ثم ضع علامة علي توسيع القالب عناصر واجهة المستخدم
وابحث عن هذا الكود
</head>
واضف قبله الكود السابق الذي قمنا بتعديلة ثم قم بحفظ القالب وتم انشاء تطبيق facebook صفحتك
ولانشاء صندوق تعليقات الفيس بوك ابحث عن الكود التالي قم بتوسيع القالب مرة اخري
<data:post.body/>
واضف اسفله الكود الاتي
<b:if cond='data:blog.pageType == "item"'>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><script
src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<fb:comments migrated='1' expr:href='data:post.url'
expr:title='data:post.title' expr:xid='data:post.id' width='450'/>
</div> </b:if>
ثم قم بحفظ القالب وتمت الاضافة بنجاح

0 comments :
Post a Comment