أخر المقالات
تحميل...

تركيب صندوق تعليقات فيسبوك على مدونة بلوجر بطريقة جديدة وحصرية 2016


تتميز تعليقات فيسبوك الجديدة بالعديد من الميزات التي توفر أفضل الطرق لتفاعل المستخدمي مع موقعك مما يجعلها افضل فهي متجاوبة مع جميع الأجهزة ولها شكل جديد متجاوب مع الشاشات المتعددة بالإضافة إلى سهولة التحكم بها

وسوف نقدم لكم اليوم شرح حصري لكيفية تركيب تعليقات فيس بوك على مدونات بلوجر بطريقة صحيحة لذا أرجوا التركيز في الطريقة فهي مضمونة وخالية من الأخطاء، كما يمكن لأصحاب المواقع الأخرى الأستفادة من هذا الموضوع في إنشاء تطبيق فيسبوك والإضافة إلى المواقع الأخرى بنفس الأكواد المُستخدمة.


كيفية تركيب تعليقات الفيسبوك على مدونتك؟

بالبداية يجب علينا إنشاء تطبيق جديد بإستخدام حساب فيسبوك الخاص بك لإدارة التعليقات والتحكم في حذفها أو الموافقة عليها
وللبدء في إنشاء تطبيق فيسبوك أدخل للرابط التالي https://developers.facebook.com/apps
انقر على إضافة تطبيق جديد


أختر موقع إلكتروني


أدخل أسم التطبيق ثم أنقر على إنشاء تطبيق جديد



حدد فئة ثم انقر على إنشاء التطبيق



أدخل رابط موقعك أسفل الصفحة ثم أنقر على التالي




أنسخ معرف التطبيق سوف نحتاجه في الأكواد المُستخدمة في تعليقات بلوجر


الخطوة الأخيرة على فيسبوك مجدداً إدخل للتطبيقات الخاصة بك من الرابط https://developers.facebook.com/apps ثم أختر التطبيق الذي انشئته ثم من الجانب الايمن انقر على Settings ثم أدخل رابط الموقع الخاص بك والبريد الإلكتروني كما هو ظهار بالصورة التالية ثم انقر على زر حفظ.




الآن بعد إنشاء تطبيق على فيسبوك نتوجه إلى لوحة تحكم المدونة ثم نختار المدونة ومن بعد القالب ثم أنقر على تحرير Html
بإستخدام مفتاح الأختصار ctrl+f نقوم بالبحث عن الرمز </body> بعد ذلك أضف الكود التالي فوق الرمز </body> مباشرةً
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'ضع-هنا-معرف-التطبيق',
status : true, // check login status
cookie : true, // enable cookies 
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/ar_AR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>

ضع-هنا-معرف-التطبيق إستبدلها بمعرف التطبيق الذي أنشئته


الخطوة الأخيرة أبحث عن الرمز <div class='comments' id='comments'> ثم قم بتوسيعه وأضف أسفله مباشرةً الكود التالي

هذا الكود سوف يظهر تعليقات فيسبوك بخلفية بيضاء

<b:if cond='data:post.isFirstPost'>   
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/ar_AR/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/ar_AR/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;background:white;border:1px solid silver;'><fb:comments colorscheme='light' data-version='v2.3' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
</b:if>

او يمكن أختيار الخلفية السوداء من خلال الكود التالي بدلاً من الكود أعلاه

<b:if cond='data:post.isFirstPost'>   
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/ar_AR/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/ar_AR/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;background:black;border:1px solid silver;'><fb:comments colorscheme='dark' data-version='v2.3' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
</b:if>

ثم أنقر على حفظ القالب لترى أن تعليقات الفيسبوك بدأت بالظهور على موقعك :)


10 تعليق على " تركيب صندوق تعليقات فيسبوك على مدونة بلوجر بطريقة جديدة وحصرية 2016 "

طبقت شرحك بالحرف ولم يظهر عندي مربع تعليقات
http://www.taqafa2.co.vu/2015/07/blog-post_18.html
ارجو المساعده اخي

كما تلاحظ فهو يعمل بشكل جيد على مدونة مداد الجليد
لديك صندوق تعليقات فيسبوك يجب ان لا يعمل 2 صندوق في كل موضوع لاحظ الصندوق مخفي بجانب تعليقات بلوجر في مدونتك

اخي اعلم انه يعمل وانا اشكرك لكن اريد ان يظهر في زر تعليقات الفيس بوك وليس في الاسفل

ابحث عن الكود
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
ثم استبدله بالكود الاخير او قبل الاخير
ويجب عليك البحث عن جميع الاكواد المتعلقة بهذا الرابط ليعمل بشكل صحيح وباللغة العربية مع تطبيق الشرح اعلى
connect.facebook.net/en_US/all.js

شكرا جزيلااا اخي انت حقا مبدع استمر في تنزيل شروحات لمنصه بلوجر ... بالتوفيق
http://www.taqafa2.co.vu/

الف مشكور اخي عل مجهود الحلو

عندي سؤال بالنسبة لرفع جميع مشاركاتي عند كتابتها
او عند ما اريد مشاركة اي مشاركة على صفحة الفيس بوك
انا اريد المشاركة داخل الصفحة العامة وليس صفحتي الخاصة على الفيس ولم اجد حل هل يوجد حل اخي

انا استعمل حاليا النسخ والصق رابط المنشور الجديد واضعه في صفحتي ستاد العرب لبث المباشر قنوات الرياضية
ارجو الحل

عليك الدخول بأسم صفحتك على فيسبوك والتأكد من ذلك قبل نشر اية مشاركة

شكرا لك
مدونتي تهتم بكل ما يخص الفوتوشوب
www.de-ps.blogspot.com

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي

نحن نعرض الإعلانات على الموقع للإسهام في تحسين موقعنا.

نحن لانستخدم إعلانات ضارة او مزعجة في موقعنا نأمل منكم تعطيل الاداة في الموقع حتى تتمكن من مشاهدة الإعلانات.

شكرًا لك

×