الثلاثاء، 2 يوليو 2013
الطريق الامثل و الصحيح لاضافة تعليقات الفيسبوك لمدونات بلوجر
بتاريخ 2:20 ص بواسطة Admin
لعل اغلب اصحاب المدونات قد عجزوا عن اضافة صندوق تعليقات الفيسبوك لمدونات بلوجر، مما قد يؤثر بشكل سلبا على زوار مدونته خصوصا من ليس لهم حساب بجووجل للتعليق على مواضيع المدونة، اليوم اتيكم بالطريق الامثل و الصحيح لاضافة تعليقات الفيسبوك لمدونات بلوجر ،نبدا على بركة الله بالموضوع مباشرة الان .
الخطوة الاولى :
1-اذهب للرابط التالي من اجل انشاء تطبيق https://developers.facebook.com/apps
2-واضغط على انشاء تطبيق جديد سوف تظهر لك نافذة كما بالصورة اسفله املئها
1- اضافة نموذج تعليقات الفيس بوك بقالب مدونة بلوجر و اذهب الى لوحة تحكم بلوجر من ثم تحرير HTML
2-ابحث عن الكود التالى :
<html
3- اضف بعده مباشرة اضف الكود التالى:
xmlns:fb='http://www.facebook.com/2008/fbml'
4- ابحث عن :
<body expr:class='"loading" + data:blog.mobileClass'>
5- والصق بعده الكود التالي مع تغيير ما هو ملون الى رقم ال id الخاص بالتطبيق الذي قد سبق و انشاته :
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'App ID/API Key',
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>
6- ابحث عن الكود التالي :
</head>
7- ثم اضف قبله مباشرة الكود التالي مع استبدال ماهو ملون بما يناسبك :
<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=' المعرف الخاص بالتطبيق' property='fb:app_id'/>
<meta content='المعرف الخاص بحسابك الشخصي بالفيس' property='fb:admins'/>
<meta content='article' property='og:type'/>
8- ابحث عن :
<b:includable id='comment-form' var='post'>
9- وبعده مباشرة اضف الكود التالي :
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
الى هنا تنتهي تدوينتي لليوم واي استفسار انا رهن الاشارة المرجوا استعمال تعليقات ديسكوت ليتم الرد بسرعة وسكرا لتفهمكم
