كما وضح من خلال الصورة ستدخل رابط مدونتك و رابط اسم النطاق الذي عليه مدونتك، مثلا blogspot.com لمدونات بلوجر التي لا تستعمل اسم نطاق خاص. كذلك ستكون قد نسخت معرف التطبيق الموضح في الصورة لانك ستحتاجه فيما بعد.
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'معرف التطبيق',
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>
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSmAs3BYEd8RfdPIxKwqwWLjUFzGkhzk1H-HxLLKkRz-M_ln9S00AeL6IqqDz9P6HNm9PUfgkU_3Ybz10be2YZbY_SCUMQA8W4NsN1WyvDLotR3gZ4vCnIogYwbD9OeLmDnln2j6LE3bk/s1600/mytqarobb.png' property='og:image'/>
<meta content='معرف التطبيق' property='fb:app_id'/>
<meta content='معرف بروفايلك الشخصي' property='fb:admins'/>
<meta content='article' property='og:type'/>
"id": في اول الصفحه . قم بنسخ الارقام واستبدلها بجملة معرف ملفك الشخصي داخل
الكود السابق ... ثم قم باستبدال رابط الصوره المعلم باللون الازرق بشعار مدونتك .
قبل ان ننتقل للجزء الثاني من الشرح انصح بحفظ التغييرات على القالب مادمت قد اخذت
نسخه احتياطيه
منه لان بقية الشرح ستضطر لعمل معاينه بعد وضع الاكواد الاتي ذكرها بعد قليل وقد يقابلك
خطا في تطبيق الجزء الثاني من الشرح فحينها لا تضطر لاعادة الجزء الاول من جديد .
قم الان بالبحث في قالبك عن الوسم التالي <head> او هذا ]]></b:skin> وضع بعده مباشرة
او اسفل منه الكود الموجود في الاسفل
<script src='http://my-tqarob.googlecode.com/svn/trunk/jquery-latest.pack.js'/>
<script src='http://my-tqarob.googlecode.com/svn/trunk/jsCommentPages.js'/>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=0'/>
ثم ابحث عن class='comments او عن <div class='comments' id='comments'> وضع اسفل منه الكود التالي
<div class='comments-tab' id='fb-comments' title='عدد تعليقات الفيس بوك'>
<fb:comments-count expr:href='data:post.url'/>تعليقات (فيس بوك)
</div>
<div class='comments-tab' id='blogger-comments' title='عدد تعليقات بلوجر'>
<data:post.numComments/>تعليقات (بلوجر)
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='10' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
ثم ابحث مره اخرى عن <head> وضع بعده مباشرة
<meta content='معرف بروفايلك الشخصي' property='fb:admins'/>
<meta content='معرف التطبيق' property='fb:app_id'/>
قم باستبدال المتغيرات داخل الكود كما هو موضح وهي نفسها
نفس ارقام المعرف الشخصي ومعرف التطبيق والذي تم التنويه عنهم في بداية الشرح
قم بمعاينة القالب ان لم تجد اخطاء قم بالحفظ ومبروك عليك الاضافه المتميزه .
ارجو من جميع من مر على هذا الموضوع سواء استفاد منه وقام بتطبيقه او لا بان يساهم
في دعم المدونه عن طريق الضغط على الشريط الازرق في يسار المدونه ومتابعة صفحتنا
على جوجل بلس والفيس بوك فهذا بالنسبه لي يعتبر اكبر تقدير ومقابل تقدمه للمدونه.
فكثرة تعليقات الشكر لا تسعدني بقدر ما اشعر بسعاده في الرد على استفساراتكم .
لذلك لا اعتبر عبارات الشكر والمديح دعما حقيقيا يدفعني للاستمرار على عكس شئ بسيط
كاشتراكك في صفحة المدونه
فهو قد يكون تافها بالنسبه لك لكن له اثر عميق في نفس من يكتب وينشر المواضيع
لذا لا تبخل بمتابعتك لنا واي استفسار
بخصوص الموضوع يرجا ترك تعليق بالاسفل سواء علي فيس بوك او بلوجر
وساقوم بالرد علي جميع الاستفسارات
وساقوم ايضا بتلقي طلبات تركيب الاضافه لمن يرغب في ذلك ممن يستعصي عليه تطبيق الشرح
فقط قم بالرد هنا واخباري عن ارسالك رساله لبريدى التالي tqarobweblog@gmail.com . انتهى .
56 عدد التعليقات على موضوع حصريا طريقة دمج تعليقات الفيس بوك مع تعليقات بلوجر في تبويب واحد
بعد التحيه العطره لدروسك الجميله جدا وحصرياتك اللتى تمتعنا دائما وشكرا لك ايضا على سرعة ردك بمثل هذا الدرس على سؤالى لك فى موضوع اخر عن التعليقات
اما بعد اواجه مشكله فى الجزء الثانى من الاكواد حيث ان الكود الاول من الجزء الثانى به بعض الملابسات مثل الجزء هيد او هذا b:skin والجزء ثم ابحث عن class='comments وضع اسفل منه الكود التالي داخل مربع الاكواد وشكرا لسعة صدرك ولدرسك اللذى اود تطبيقه عن كثب
شريف شكرى صاحب مدونة اقوى البرامج sheefshokre.blogspot.com
اواجه مشكله فى تركيب الاكواد وبالاخص فى الجزء الثانى من التطبيق حيث ان الجزءhead او هذا b:skin يتعثر عليا القيام بتطبيق الطريقه وايضا جزء بداخل الكود.ثم ابحث عن class='comments وضع اسفل منه الكود التالي يتعثر اتمام عملية التطبيق على مدونتى واشكركم على طرح الدرس الجميل.
تم تحديث الشرح اخي العزيز جرب مره اخري وان تعثرت قم برفع قالب مدونتك وارساله لبريدي علي tqarobweblog@gmail.com وساقوم بتطبيقها لك بنفسي .. شكرا لمرورك ومتابعتك تقبل مودتي.
@صالح محمد العواف
وبك اخي العزيز ان شاء رب العالمين تقبل مودتي واحترامي لشخصك
أخى احمد لقد مللت من قالبي الذي يصعب تعديله لكنى تعبت عليه وصعب اغيره بس تقريبا التعديلات لا تتم خصوصا فى منطقة البادى بسبب تكرار معظم الاكواد مثلاالوسم الاخير للكومينت تكرر مرتين وكل وسم يتكرر مثل داتا بوست بادى .تكرر 3 مرات
فما الحل ! أريد التعديل على القالب ولا اعرف لكنى اعلم ان هناك طريقة ما بدليل انك عرفت تضيف ليا تعليقات الفيس بوك قبل كده!
أرجو المساعدة
@ghandour hassan
مرحبا اخى غندور . اى قلب في البدايه يكون صعب في التعامل معه ولكن مع مرور الوقت ومع عدم تغييره لفتره يجد الانسان انه قد حفظ كل مكونات قالبه والخصائص التى فيه . بانسبه ل داتا بوست بادى لا توجد مشسكله اطلاقا فاحيانا يتكرر 5 مرات . لا مشكله في ذلك . ماهى الاضافه التى وقفت معك اخبرنى عنها وساقوم بحل المشكله .
أخى الكريم ..شكرا على اهتمامك
أى اضافة حاولت اضافتها للمدونة وكان لها علاقة بداتا بوست بادى لا يقبل القالب الاضافة سأرفق لك بعض لينكات الاضافات هنا..
الأولى:
http://www.mybloggertricks.com/2011/10/you-like-this-story-best-blogger-widget.html
الثانية:
http://www.eexploria.com/recommended-for-you-plugin-simplereach-slide/
الثالثة:
http://www.tqarob.com/2012/03/blog-post_09.html
الرابعة:
اضافة ازرار المواقع الاجتماعية المتحركة فى نهاية الموضوع كما رأيتها قبلا فى مقالة لك فى مدونتك لكنى لا اتذكر فى أى قسم
كل هذه الاضافات تتضمن فى جسم القالب او نهاية الموضوع ولا يقبلها القالب فماذا افعل واين المشكلة ؟!
المشكله كما وضحتها انت تكمن في تكرار الداتا بوست بودي وتكراره ليست مشكله في حد ذاتها فكل واحد له وظيفه ولكن المشكله تكمن في اي منهم هو المسؤول عن ظهور الاضافات في اول الموضوع او في اخره لذلك الامر يحتاج بعض الصبر والتجربه لمعرفته مع الاخذ في الاعتبار ضروره حفظ نسخه من القالب قبل التجربه . شخصيا عندما قمت بتركيب اضافة اقرا المزيد لقالبك في المره السابقه واجهتني تلك المشكله وتخطيتها بنفس الطريقه التي شرحتها لك ولكني نسيت الان اي قطعه هي المسؤوله عن ظهور الاضافات 1 او 2 او 3 او 4 لذلك عليك التجربه او ارفاق قالبك في اميلي مره اخري وتوضيح ماهي الاضافات التي ترغب فيها
مشكور اخلا العزيز ولكن الاضافة ظهرات جيدة بالنسبة لبلوجر
اما الفيس بوك فظهرت صورة عادية
مرحبا بك اخى قم بتوضيح المشكله كى استطيع ان اساعدك فكما ترى الاضافه تعمل عندى بدون مشاكل وطبقتها بنفسي لاكثر من 8 مدونات . اعطينى رابط مدونتك
ده موضوع تجريبى
http://nogoomsha3by.blogspot.com/2011/10/2012_5737.html
اضغط على صورة تعليقات الفيس بوك
اخي قم بتطبيق الجزء الخاص بالفيس بوك كما هو موضح او ارفق القالب واعطيني معرف بروفايلك ومعرف التطبيق
اخي محمود الجزء الموجود في الشرح والذي نصه كالتالي
ثم ابحث عن class='comments او عن <div class='comments' id='comments'> وضع اسفل منه الكود التالي
موجود منه اثنين في قالب مدونتك قم بازالة الكود الذي وضعته مسببا واعد وضعه بعد النتيجه الثانيه من البحث عن الاكواد سالفة الذكر . ان تعثرت واارجح ذلك قم برفع قالب مدونتك علي بريدي
أخي الكريم أحمد هل هذه الأضافة كما هي موجوده على مدونك أقصد هل مدموج معها معلومات عن الكاتب .
هي نفسها اخي ولكن معلومات الكاتب اضافه اخرى قمت باضافتها بجانب الاضافه موضوع تلك التدوينه
مش فاهم عليك ...
هل باستطاعتك أن تزودني بشرح لكيفة أضافة معلومات عن الكاتب
لقد قمت بتركيب الأداه خطوة بخطوة ولايوجد أي رسائل خطاء عند تركيبي للأداة ولاكن أنظر ما هي النتيجة : http://jorpersonalities.blogspot.com/2012/04/ramez-zagha.html
أرجو منك أفادتي بالسبب أذا أمكن ...
للاسف اخي حارث الان لا يوجد لدى في مدونتي شرح لاضافة معلومات الكاتب بتلك الطريقه ولكني بالطبع اعرفها وساضع تدوينه جديده اعتبرها تحديثا لطريقة دمج تعليقات الفيس وبلوجر.
لا اري اي نتيجه فالاضافه لا تظهر
فقظ تظهر اضافة الاعلانات ومواقع المشاركه
هنا تكمن المشكلة أخي الكريم لماذا لا تضهر مع أنني قمت بتركيبه خطوة بخطوة ...
اخي حارث انتبه جيدا للخطوه التي اطلب منك فيها البحث عن الكود التالي
<div class='comments' id='comments'>
قم بازالة الكود الذي وضعته بعده وستجد الكود المذكور مكرر مرتين ضع كود الشرح بعد هذا
<div class='comments' id='comments'>
ولكن ليس اول نتيجه تظهر لك في البحث بل رقم 2
شكرا لك أخي أحمد على الملاحضة يبدو أني أغفلت عن هذه الخطة وسوف أجربها فيما بعد وسوف أخبرك ما صيحصل معي فيما بعد ...
مشكوووووووووووور جدا ...
ممكن تركبلبى الاضافة على القالب بتاعى
ده رابط القالب
https://wladel3am.googlecode.com/svn/trunk/template6909.rar
ورقم التطبيق 359883900730961
معرف البروفايل الشخصي 100000962316038
اخي العزيز هل حاولت تطبيقها بنفسك اخبرني؟ وما الشئ الذي صادفك بالخطا حين التطبيق
اخى الحبيب انا كنت جربتها وظهرت جيدة بالنسبة لتعليقات بلوجر اما بالنسبة لتعليقات فيس بوك فعندما تضغط عليه لا يظهر شى,وكتبت لك هذا الكلام فى الرد رقم 10 و12
ملحوظة المثال الموجود فى الرد رقم 12 لا يعمل حاليا
اعتذر لك بشده اخي العزيز لم اراجع التعليقات التي ذكرتها فقد نسيتها غير متعمدا ولذلك قم بكتابة بريدك الالكتروني وسيتم ارسال القالب لك فور الانتهاء , تقبل مودتي وتقديري وشكرا لحسن تفهمك .
مشكور اخى على الاضافة الروعة بارك الله فيك انا عملت الاضافة ولكن اريد اضافة صورة فوق التعليق مثل الموجوة فى مدونة عالم الابداع هذا رابط الصورة
http://www.ibda3world.com/wp-content/themes/ibdaa-mag/images/comments_new2.png
مرحبا بك اخي عمرو , قم بتسجيل الدخول الى لوحة تحكم بلوجر وابحث عن
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
او ابحث عن
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
وقم باستبدال <data:postCommentMsg/>
بالكود الموجود في الاسفل
<img src="http://www.ibda3world.com/wp-content/themes/ibdaa-mag/images/comments_new2.png " title="تعليقات الزوار" alt="أضف تعليق"/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
مساء الخير
اولا اشكرك جداااا ..الله يوفقك يارب ..
ثانيا الطريقه نجحت معي بس فيه مشكله وهي انو تعليقات الفيس بوك طالعه مرتين ..مره تحت الموضوع مباشرة والثانيه تحت الموضوع!
والمشكله الثانيه انو تعليقات بلوجر صارت مخفيه فعلا لكن تعليقات الفيس بوك مفتوحه !
ياريت تشوف مدونتي وتعطيني حل..
الله يسعدك يارب
قمت بمشاهد المدونه اختي نور الوطن ولم اجد تعليقات الفيس بوك ظاهره بالمره . فقط ايقونة الفيس بوك , بالمناسبه يوجد عيب في ترقيم الصفحات حاولى اصلاحه
صباح الخير اخويه_اولا انا اشكرك جداا لانك ماغلست واهتميت بالموضوع ورحت للمدونه :)
ثانيا ..انا تظهر عندي تعليقات الفيس بوك والارقام لكني لاحظتها تظهر فقط بالمتصفح كروم! لا اعرف لماذا تختفي بباقي المتصفحات..! "اذا عندك فكره عن الموضوع هذا ياريت تفيدني "
بالنسبه لتعليقات والمشكله تبعها..فـ شوف هاي الصوره
http://img04.arabsh.com/uploads/image/2012/04/14/0e37454b62f003.jpg
واضح بالصوره انو تعليقات الفيس بوك متكرره فوق وتحت!وظاهره مو مختفيه..
ياريت تفيدني الله يحفظك
اختي وجود العيب والتكرار الظاهر في الصوره التي ارفقتيها ليس له معنى الا انك قمتي بتكرار كود الفيس الموجود في الشرح او قمتي فيما سبق باضافة تعليقات الفيس بوك لهذا القالب , ان لم يكن هذا ولا ذاك فصعب جدا ان اساعدك بدون ان ارى القالب من الداخل وتركيبها لك ان اردتي .
فهذا ما افعله غالبا مع جميع الطلبات اختصارا للوقت ..
امر اخير تلك الاضافه متوافقه مع جميع المتصفحات عدا جوجل كروم تظهر فيه بدون مشاكل غير ان عدد التعليقات بجانب الايقونه يظل محجوب .
صباح الخير اخويه..
حاولت باليومين الي فاتو اعدل المشكله ولا قدرت وجربت كثير ماطلعت بنتيجه..
انا فعلا كنت ضايفه سابقا صندوق تعليقات الفيس بوك لكن لم اكرر الخطوات ,قمت بالتكمله فقط..ومع ذلك كانت هذه المشكله..
سأرسل لك القالب على ايميلك مع الشكر الجزيل لك سواء وجدت حل ام لم تجد..
بارك الله بجهودك اخي
بانتظار القالباختي الفاضله وساقوم بمراجعة البريد من وقت لاخر . تقبل مودتي وتقديري
أخي أحمد لقد تم تركيب الأضافة بنجاح وشكرا لك على الأبداع الرائع ...
للمعاينة : http://assaltcity.blogspot.com/2012/04/blog-post_15.html#_
مبروك التطبيق اخي العزيز حارث انت ثاني شخص يطبق الدرس بنفسه دون تدخل مني. تمنياتي لك بالتوفيق ولمدونتك الرائعه النجاح الدائم
السلام عليكم اخي الغالي لم اجد هذا السطر في القالب
class='comments'
او السطر الاخر
وهاهي مدونتي لتعاين القالب
http://43arab.blogspot.com/
اتمنى ان تعطيني الحل في اقرب وقت ممكن
وعليكم السلام ورحمة الله وبركاته و مرحبا بك اخي . لا عليك قم بارفاق القالب في رساله الي بريدي سوف اقوم بتطبيق الدرس لك اختصارا للوقت.
اخويه العزيز..
بعد ان ارسلت لي القالب مشكورا عانيت من مشكلة عدم ظهور الايقونات ولكني الان قمت بتعديل خيار التعليقات من "مضمن" الى صفحه كامله" وظهرت الايقونات بشكل جميل..
احببت شكرك بارك الله بك
شكرا لك اخي ach bo سيتم ارسال القالب الي بريدك الالكتروني فور الانتهاء من العمل عليه .
اختي نور الوطن الحمد لله انه ماضيع تعبي وظهرت التعليقات بالشكل المرجو منها مبروك التطبيق اختي الغاليه واتمنى لك ولمدونتك التوفيق والنجاح
يعطيك العافيه اخوي على هالدرس الروووعة والاضاافة المذهلة ..
تم التطبيق بنجاح والحمد لله ,
بس المشكله الصغيرونة انو عرض الفيس بوك مو راضي يتغير عن 500 ؟ ولما اكتب 600 بيختفي على طول ..
جزاك الله خيرر ..
السلام عليكم
شكرا اخى الكريم على الاضافه الاكثر من رائعة لقد تم تركيبها بنجاح لكنى وجهت مشكلة حيث اننى لا استطيع ان اجعل الاضافه باللغة الانجليزية فهل من طريقة ما تجعلها باللغة الانجلزية و تحولها من الناحية اليمين الى الناحيه الشمال ... و لى بؤالا اخر هل يممكننى ان اجعل كومنتات بلوجر تظهر فى التاب الاولى؟؟ انا فى انتظار ردك و لك جزيل الشكر
السلام عليكم
شكرا اخي علي هذا الموضوع بس لما اجي احفظ القالب بعد الخطوات الاولي تجيني هذه الرساله
تعذر علينا حفظ القالب
يرجى تصحيح الخطأ التالي، ثم إرسال القالب مرةً أخرى.
لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد. الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
رسالة خطأ XML: The element type "dl" must be terminated by the matching end-tag "".
ياتري ايه الحل وشكرا
السلام عليكم أخي الكريم
أولاً أحب أحيك علي عملك الرائع جداً ومجهودك الأكثر راوعه
ثانياً: جربت الكود علي تلت مدونات أشتغل معايا كويس جداً في مدونتين لكن في التالته بيقف الشغل عند الوسم < body>
لأنه مش بيلقية فأرجو منك لو فية طريقة اقدر أحل بيها المشكلة دية أكون شكر جداً ليك تحياتي
السلام عليكم اخي شكرا لك على الاضافة الحصرية
لقد حاولت تطبيقها ولكني لم انجح ان امكن ان تساعدني
القالب http://www.mediafire.com/?bt132tcea4eqy3s
التطبيق 391921234169774
البروفايل 100001205357440
اخي الكريم ماشاء الله انا توقفت في التطبيق وما استطعت ان اكمل http://i.imgur.com/NyShj.jpg وهل يمكن ان اقوم بدمج التعليقا في موقعي Error
App Domains: http://ethics.ucoz.com should not contain protocol information
اعذرني في اعادة التعليق اعتقد انه في الفيس بوك لم ينشر بعد
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .
