طريقه أضافه مربع تعليقات فيسبوك الى بلوجر

أضافه مربع تعليقات فيسبوك داخل مدونتك من الادوات التى تسهل عمليه انتشار المدونه داخل موقع اجتماعى كبير مثل الفيسبوك

اولا و قبل كل شىء لا بد ان تأخذ نسخه احتياطيه من القالب الذى تستخدمه

طريقه أضافه مربع تعليقات فيسبوك الى بلوجر

الخطوه الأولى : اخفاء التعليقات الخاصه ببلوجر عن طريق الذهاب الى اعدادات ثم اختيار التعليقات و اختيار اخفاء ثم حفظ الاعدادات

الخطوه الثانيه : انشاء تطبيق على الفيسبوك ( ابليكيشن ) و الموضوع غايه فى البساطه فكل ما عليك هو فتح الرابط التالى فى صفحه جديده
https://developers.facebook.com/apps/?action=create

ثم اختيار اسم للتطبيق " اختار اى اسم " ثم اضغط على التالى

بعد ذلك ستظهر لك صفحه مشابهه للصوره التاليه و كل ما عليك هو كتابه عنوان مدونتك امام App Domain

ستلاحظ ايضا فى نفس الصفحه ارقام مكتوبه اما APP ID يجب ان تحفظ تلك الارقام لأننا سنستعملها فى الكود

الخطوه الثالثه : اضافه الكود

هذه الخطوه تعتبر اهم خطوه فى اضافه مربع تعليقات فيسبوك الى بلوجر و هى لا تحتاج الى معرفه بالبرمجه بقدر ما هى تحتاج الى دقه منك و اتباع الخطوات تماما

1- نذهب الى لوحه التحكم الخاصه ببلوجر و منها الى تصميم ثم تحرير HTML و سنضع علامه داخل مربع "توسيع قوالب عناصر واجهه المستخدم"

2- ابحث عن الكود التالى

html>

ثم ضع بعده هذا الكود

xmlns:fb='http://www.facebook.com/2008/fbml'

يجب وضع مسافه قبل و بعد هذا الكود ليكون مثل هذا المثال

__________________________________________________________

3- ابحث عن الكود التالى

<body>

و ضع بعده هذا الكود

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>

مع مراعاه تغيير كلمه YOUR APP ID الى الارقام التى حفظناها فى الخطوه الثانيه

__________________________________________________________

4- ابحث عن الكود التالى

</head>

و ضع قبله هذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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/…/blogger_logo.gif غيره الى عنوان لوجو مدونتك او اتركه كما هو ان اردت
YOUR-APP-ID سنضع هنا رقم APP ID الخاص بنا كما فى الخطوه 3

YOUR-FACEBOOK-PROFILE-ID الاى دى الخاص ببروفايل الفيسبوك الخاص بك و تستطيع ايجاده بالذهاب الى بروفايلك على الفيسبوك و نسخ عنوان بروفايلك الموجود فى شريط العنوان فى المتصفح و لكن بدون https://www.facebook.com

* الكلمه او الارقام الموجوده فى عنوان بروفايلك بعد عنوان الفيسبوك هو الاى دى الخاص بك

____________________________________________________________________

5- اقتربنا من النهايه !!!

ابحث عن الكود التالى

<data:post.body/>

و ضع بعده مباشره هذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><img alt='' class='icon-action' height='51' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NfcjoH0Pr1669GkfNb6uvMZX6i56umlnMdoOaL4I2Nwm8gpiq8t0DGzfGbtGbIzAX71BymZe6yI6vArb3px2-9ySnty78K4fNDYVaYdty8mvJXUMvvez6IIBfoTxl0gCTSQDVzwzxDs/' 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='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogToolsFacebook comments for blogger</a>  brought to you by <a href='http://www.allblogtools.com/' target='_blank' title='blogger templates'>AllBlogTools.com , Get Yours?</a></b></div>

مع ملاحظه انه يمكنك تغيير عرض مربع تعليقات الفيسبوك عن طريق تغيير الرقم 450

ثم اضغط حفظ و تصفح مدونتك ستجد انه قد تم وضع مربع تعليقات الفيسبوك الى مدونتك

اضافات بلوجر