اضافة نموذج تعليقات Facebook لمدونات blogger ..
المكون الاضافى فيس بوك
Comments Box اطلق عام 2009 بواسطة Facebook developers والهدف منة امكانية التعليق فى اى موقع الكترونى بواسطة حسابك الشخصى على فيس بوك ومشاركة التعليق او المحتوى على صفحتك على الفيس بوك ...
اضغط انشاء تطبيق جديد
بعد استكمال عملية انشاء التطبيق سوف يقوم فيس بوك بتزويدك ببيانات ستحتاج اليها لاحقا ومن اهمها رقم معرف التطبيق App ID
وبعدة مباشرة اضف الكود التالى...
ابحث عن الكود التالى ..
وبعدة مباشرة اضف الكود التالى...
واستبدل كل من القيم الملونة كالتالى ..
ابحث عن الكود التالى..
وبعدة مباشرة اضف الكود التالى..
الان لقد اتممت عملية اضافة صندوق تعليقات الفيس بوك الى مدونة بلوجر "blogger"
اذا واجهت اى مشاكل اثناء اجراء العملية او وجدت انك وصلت لنتائج كارثية :
( لا تقلق ابدا وراسلنى فورا من خلال نموذج التعليقات وسوف نقوم سويا بحل المشكلة وبكل بساطة :)
لانشاء المكون الاضافى " نموذج تعليقات شبكة الفيس بوك الاجتماعية "
اضغط انشاء تطبيق جديد
 |
| FACEBOOK APP |
App ID/API Key ....
الان ناتى للمرحلة الثانية :- اضافة نموذج تعليقات الفيس بوك بقالب مدونة بلوجر
- اذهب الى لوحة تحكم بلوجر
- تحرير HTML
- اضغط توسيع النموذج
- ابحث عن الكود التالى ..
<html
xmlns:fb='http://www.facebook.com/2008/fbml'
<body expr:class='"loading" + data:blog.mobileClass'>
<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>
*استبدل App ID/API Key برقم تعريف App ID للتطبيق الذى انشاتة مسبقاابحث عن الكود التالى..
</head>
واعلاة مباشرة اضف الكود التالى..
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content=' كود بلوجر ' property='og:site_name'/>
<meta content='
App ID/API Key
' property='fb:app_id'/>
<meta content=' http://www.facebook.com/CASERMEMO ' property='fb:admins'/>
<meta content='article' property='og:type'/>
واستبدل كل من القيم الملونة كالتالى ..
- كود بلوجر بعنوان مدونة بلوجر الخاصة بك
- استبدل App ID/API Key برقم تعريف App ID للتطبيق
- استبدل CASERMEMO بعنوان معرف البروفايل الخاص بادمن الابلكيشن
ابحث عن الكود التالى..
<b:includable id='comment-form' var='post'>
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
اذا واجهت اى مشاكل اثناء اجراء العملية او وجدت انك وصلت لنتائج كارثية :
( لا تقلق ابدا وراسلنى فورا من خلال نموذج التعليقات وسوف نقوم سويا بحل المشكلة وبكل بساطة :)
عايز امسح تعليق فيس بوك ازاي انا حزفته بس لما بخرج من الفيس بيبقي موجود لو سمحت تشرحلي ازاي امسحه الي الابد
ردحذفhttp://egytower.blogspot.com/
السلام عليكم ... ممكن حضرتك تبعتلى الرابط بتاع الموضوع الى فية المشكلة عشان اقدر احدد الخطا فين واقدر اساعدك افضل
حذفعموما ... عند انشاء نموذج تعليقات فيس بوك من الافضل انك تربطة بتطبيق فيس بوك وتكون انت الادمن بتاع التطبيق الى مربوط بمنموذج التعليقات ,, حتى تتمكن من الاستفادة من خدمات فيس بوك لادارة محتوى التعليقات والتحكم بها ...
اتمنى اكون وضحت النقطة .
شرح بالفيديو لانشاء صندوق التعليقات
ردحذفhttp://www.youtube.com/watch?v=hhzM27Uiqq0
فيديو مميز ورائع شكرا لك فارس .. نورت المدونة
حذفhttp://www.youtube.com/watch?v=hhzM27Uiqq0
ردحذفشرح بالفيديو انشاء تاب صندوق التعليقات
أزال المؤلف هذا التعليق.
ردحذفعلى فكره انا جربت الموضوع دا 500000مره ومتعملش مش عارف ليه ممكن افاده
ردحذفلو كداممكن تجاوبنى
السلام عليكم .. ممكن من فضلك توضح النتيجة الى وصلتلها اية واذا امكن عشان اقدر اساعدك بطريقة افضل تعطينى بيانات اكثر مثل عنوان المدونة ....
حذفبالتوفيق ان شاء الله
النتيجه هي ولا كان عملنا حاجه مابيظهرش
حذفالسلام عليكم ورحمة الله وبركاته
ردحذفلك كل الشكؤ أخي على هذا الشرح المتميز
لدي مشكل:
لك أجد هذا الكود " "
أرجو مساعدتك
السلام عليكم اخي انا من فترة احاول ان اصنع التطبيق لكن انشاء التطبيق غير متاح في دولتي اذا وجدت هنالك طريقة لاضافة التطبيق بتجاوز مشكلة الدولة ارجوك ان تفيدني مع تحياتي
ردحذفانا اعملته كتير واعملت متل ما هو موضح هون وما القيت مشاكل بس ما فيه شي انضاف كمان مش عارف ليش ...بليز اذا بتقدر تساعدني .. مشكور
ردحذفمشكور اتمني زيارة
ردحذفكيفية حذف صديق من الفيس بوك
شكراعلى المجهود
ردحذفاخوي ياليت تقول ايش المشكله
ردحذفحدث خطأ أثناء تحليل XML، في السطر 3، العمود 62: Element type "html" must be followed by either attribute specifications, ">" or "/>".
انا اتجننت من الموضوع دى مش عاوز يتعمل خالص بعد ما بتبع الخطوات بعمل معاينه يا اما القالب كله فنش يا اما يتفتح ومش عاوز يظهر ايه الحل بقى هااااااااااااا
ردحذفhttp://mystermima.blogspot.com/2013/03/blog-post_6383.html
السلام عليكم ,, اخى الكريم الاضافة لن تظهر الا فى المواضيع الجديدة يعنى بعد الانتهاء من الخطوات قم باضافة موضوع جديد وسوف تجد صندوق التعليقات ظهر بعد ذلك اسفل الرسالة او الموضوع
حذففين التش تي ام ال
ردحذفجزاك الله خيراً على الشرح , ولكن :
ردحذفلم يظهر لدي صندوق التعليقات , ولم أجد أصلاً الكود التالي :
expr:class='"loading" + data:blog.mobileClass'
مدونتي : http://jobsfrominternet.blogspot.com/
لو سمحت انا قمت بجميع الخطوات السابقة لكن الكود الاخير لم اجده ،، تعبت وانا أبحث عنه ولكن بدون فائدة ؟؟
ردحذفيا اخى والله حاولت اكثر من خمسين مرة لدرجة انى انشات مدونة جديدة لانىشكيت انى حصل اخطاء كتير ولاكن نفس المشكلة خطا فى تحليل السطر ومرة غير قادر على تحليل ومشاكل ما بتنتهى
ردحذفيا راجل والله حاولت اكثر من خمسين مرة ولم تفلح لدرجة انى غيرة القالب مدونة جديدة تماما بسب شكى فى اخطاء فى القالب ولكن مازلت المشكلة موجودة خطاء فى تحليل السطر ومرة غير قتدر على التحليل ومشاكل ما بتنتهى دى مدونتى http://sm975.blogspot.com يا ريت لو فى حل انا اشتركت فى موقعك علشان اتابع معاك ودة رابط حسابى على فيس بوك ياريت تتواصل معى https://www.facebook.com/alaisaway
ردحذفالسلام عليكم , 1- ققم بتحويل الكود الذى يظهر رسالة خطا وحاول الحفظ مرة اخرى ,,
حذف2- بعد الانتهاء من اعداد الاضافة فى بعض القوالب لا تظهر على المشاركات القديمة *
اذا قم باضافة موضوع جديد وعاين الاضافة وقم بتجربة القالب على اكثر من متصفح
بالتوفيق ان شاء الله
الطريقة صعبة يا اخي
ردحذفhttp://udabramj.blogspot.com/
ردحذفشكرا جزيلا يا باشا
ردحذفشكراً على الجهود جاري التجربة
ردحذفحاولت تطبيق الشرح على مدونتي Student Loans Journal لكني لم أنجح ... هل من حل آخر؟؟؟
ردحذفالسلام عليكم ,, اخى الكريم الاضافة لن تظهر الا فى المواضيع الجديدة يعنى بعد الانتهاء من الخطوات قم باضافة موضوع جديد وسوف تجد صندوق التعليقات ظهر بعد ذلك اسفل الرسالة او الموضوع
حذفلا خلاص نجحت والحمد لله انا وهى كانت صعبة ولكن بعد كدة اصبحت سهلة هى بس محتاجة تركيز فى البداية لكن بعد التنفيذ بتحس انها سهلة
ردحذفشكراً على الجهود جاري التجربة
ردحذفhttp://developpers-web.blogspot.com
رمضان كريم كل عام وانتم بخير
ردحذفhttp://www.arabie3lan.com
السلام عليكم
ردحذفجزاك الله خيرا اخى على الموضوع الجميل
نفعنا الله واياك بكل خير ونفع بنا العباد
تحياتى لجهدك الطيب
صور مشبات
http://shomane.blogspot.com/
http://mchabat.3abber.com
مشكووور كثير وجاري التجربة
ردحذفلكن يا اخي اقد نسيت ان تقول لنا بدلوا http://example.com بال URL الخاس بمدونتك في المرحلة الثالثة http://00internet.blogspot.com/
ردحذفبردو مظهرش :(
ردحذفالسلام عليكم ,, اخى الكريم الاضافة لن تظهر الا فى المواضيع الجديدة يعنى بعد الانتهاء من الخطوات قم باضافة موضوع جديد وسوف تجد صندوق التعليقات ظهر بعد ذلك اسفل الرسالة او الموضوع
حذفبردو مظهرش اعمل ايه
ردحذفالسلام عليكم ,, اخى الكريم الاضافة لن تظهر الا فى المواضيع الجديدة يعنى بعد الانتهاء من الخطوات قم باضافة موضوع جديد وسوف تجد صندوق التعليقات ظهر بعد ذلك اسفل الرسالة او الموضوع
حذفانا عاشقة ساسكي القمر الجميل ارحب بكم
ردحذفمشكووور تم http://cours-ntic1.blogspot.com/
ردحذفجزاك الله خيرا على الشرح ولكن اخى العزيز لم تعمل عندى هل هذا بسبب صندوق تعليقات disques
ردحذفالسلام عليكم ,, اخى الكريم الاضافة لن تظهر الا فى المواضيع الجديدة يعنى بعد الانتهاء من الخطوات قم باضافة موضوع جديد وسوف تجد صندوق التعليقات ظهر بعد ذلك اسفل الرسالة او الموضوع
حذفانا اصلا مش لاقى الكود يااخى <b + data:blog.mobileClas
ردحذفالسلام عليكم ورحمة الله وبركاته أخي في الله جزاك الله على ما قدمته كل شيئ حدت معي تمام لكن لماذا تظهر لي تعليقات إضافية لم يقم أحد بها مع أن مدونتي حديثة العهد
ردحذفعليكم السلام ,,, اخى الكريم اذا ممكن تعطينى ارابط لاعاين المشكلة يكون افضل ,,, عموما ممكن السبب انك تستخدم معرف تطبيق لاكثر من صدوق تعليقات او ان التعليقات الاضافية جائت من خلال مشاركة موضوعك على الفيس ,,, وهذة التعليقات من زوار على مشاركتك فى موقع الفيس بوك ,,,, بالتوفيق
حذفرائع جدا
ردحذفمشكور
ردحذفشكرا
ردحذفشكراا لك على الشرح ونتمنى منك المزيد من العطاء والتقدم
ردحذفانا زهقت من كل دةوالله وعملت وجربت كل حاجة وم رادية تتعمل بردة انا لسة مبتدا ف ممكن اديك باس و اميل وتعملهالى بليز اخى الكريم اكلمك خاص ازاى
حذفالسلام عليكم انا مش عملت كل دةومش فى حاجة جت بدرة وان زهقت وومش عار اعمل اى ممكن اديك المدونة وتعمليهالى انت بييييييييييييز
ردحذفودا اميلى ا يعنى نتكلم علية بليز https://www.facebook.com/eweas4?ref=tn_tnmn
ردحذفشرح رائع جدااااا
ردحذففي انتظار المزيد
http://continuededucationfree.blogspot.com/
http://qatar-marketing.blogspot.com/
مشكووووووووووووووووووور
ردحذفجززززززززززززززززززززززاك الله خيرا"
ردحذفمشكووووووووووووووووووور
ردحذفموقع عراق المستقبل
ردحذفhttp://www.iraq-future.com/
صورة ورؤية
ردحذفشكرا اخى
يا خراااااااااااابي القالب باظ
ردحذفأخي الكريم كل شيئ ظبط ماعدا آخر شيئ وهو
ردحذفوبعدة مباشرة اضف الكود التالى..
عندما أقوم بعمل هذا الشيئ يكتب لي
The widget with id "Blog1" cannot contain element: "div". A widget can only contain b:includable elements