الخميس، ١٢ أبريل ٢٠١٢
اضافة صندوق تعليقات الفيس بوك فى مدونة بلوجر
مرسلة بواسطة Unknown في ٧:٥٦ م
تركيب اضافة صندوق تعليقات الفيس بوك مهمة جدا لانها بتساعد القراء على اضافة تعليقاتهم وارائهم فى الموضوع
وتساعد صاحب المدونة فى جلب الزوار لان عند اضافة الزائر تعليق معين بيتم اخبار اصدقائة بهذا التعليق
والافضل كمان ربط تعليقات المدونة بتعليقات الفيس بوك
شرح تركيب الاضافة
ملحوظة / قم بعمل حفظ للقالب
الخطوة الاولى
اذهب الى صفحة developers facebook
قم بعمل تطبيق جديد
انسخ كود التطبيق(APP ID) واحتفظ به فى ملف تيكست
اذهب الى تصميم - تحرير HTML - توسيع القالب
ابحث عن هذا الكود
<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 : 'YOUR APP 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>
ابحث عن هذا الكود
</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='MY-SITE-NAME' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='YOUR-APP-ID' property='fb:app_id'/>
<meta content='YOUR-FACEBOOK-PROFILE-ID' property='fb:admins'/>
<meta content='article' property='og:type'/>
MY-SITE-NAME بأسم الموقع او المدونة الخاصة بك
http://google.com/help/hc/images/logos/blogger_logo.gif بتغير الصورة
YOUR-APP-ID رقم ID التطبيق
YOUR-FACEBOOK-PROFILE-ID بتغييرة برقم ID حسابك فى الفيس بوك ويمكنك معرفتة عن الذهاب الى صفحة البروفايل الخاصة بك
الان اخر خطوة
ابحث عن هذا الكود
<data:post.body/>اذا ارد صندوق التعليقات فاتح اللون انسخ هذا الكود بعدة مباشرة
<b:if cond='data:blog.pageType == "item"'>غير الرقم 450 حسب حجم القالب الخاصة بك
<p align='left'><img alt='' class='icon-action' height='51' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA9uW47Y57Z6Ksxyd5jquln0kaZlY_t9Wy1Cy3VxZ_Bap4Brkfa_mOarMRdb1EjPnAa3r2PiWbOtpRwwK7JKWBgsDj7AHrV-u4I_razd7xIjmzJ4X0z9yiB_B3-_L-yNxVkgDuD-fJigI/' width='331'/></p>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='' target='_blank' title='blogger templates'></a> <a href='' target='_blank' title='blogger templates'></a></b></div>
</b:if>
اذا ارد صندوق التعليقات غامق اللون انسخ هذا الكود بعدة مباشرة
<b:if cond='data:blog.pageType == "item"'>غير الرقم 450 حسب حجم القالب الخاصة بك
<p align='left'><img alt='' class='icon-action' height='51' src='' width='331'/></p>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='450' expr:title='data:post.title' expr:href='data:post.url' colorscheme='dark' expr:xid='data:post.id'/></div>
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'> <img alt='' class='icon-action' height='16' src='http://allblogtools.com/imgup/1-2010/allblogtools-blogger-templa.gif' width='16'/> <b><a href='' target='_blank' title='blogger templates'></a> <a href='' target='_blank' title='blogger templates'></a></b></div>
</b:if>
الان انتهينا
اذهب واستمتع بالاضافة
كلمات دلالية
صندوق تعليقات الفيس بوك - تعليقات الفيس بوك - تركيب صندوق التعليقات - الفيس بوك - تركيب - اضافة تركيب صندوق التعليقات فى مدونة بلوجر
الاشتراك في:
تعليقات الرسالة (Atom)
0 التعليقات:
إرسال تعليق