المساعد الشخصي الرقمي

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


admin
08-18-2012, 11:42 PM
السلام عليكم في هذا الشرح سنتعرف على طريقة إضافة تعليقات الفيسبوك إلى جانب تعليقات بلوجر أي انك ستتيح للزائر اختيار طريقة التعليق بشكل أنيق جدا.

صورة بعد تطبيق الشرح :

http://i1258.photobucket.com/albums/ii536/bloggerexp/tabscommentbloggerfacebookbyside.png

للتجربة الحية :

مدونة تجريبية (http://bloggerexp-test4.blogspot.com/)

شرح التركيب :

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

أولا قم بتطبيق أول خطوتين من هذا الموضوع : الطريقة الصحيحة لإضافة تعليقات الفيسبوك إلى مدونات بلوجر (http://www.bloggerexp.com/showthread.php?t=2981)

لتحصل على معرف التطبيق + معرف الحساب

من تحرير HTML قم بتوسيع قوالب عناصر واجهة المستخدم وابحث عن :

<div class='comments' id='comments'>

قد تجد أكثر من واحد المهم أضف بعد كل واحد الكود التالي :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='أضف تعليقك عن طريق الفيسبوك'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> تعليقات
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='أضف تعليقك عن طريق بلوجر'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> تعليقات
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='580'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>الآن ابحث عن </head> وأضف قبلها الكود التالي مع تغيير معرف الحساب :

<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='معرف الحساب' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();
}
</script>الآن ابحث عن ]]></b:skin> وأضف قبلها :

.comments-page { background-color: #f2f2f2;}
#blogger-comments-page { padding: 0px 5px; display: none;}
.comments-tab { float: right; padding: 5px; margin-left: 3px; cursor: pointer; background-color: #f2f2f2;}
.comments-tab-icon { height: 14px; width: auto; margin-left: 3px;}
.comments-tab:hover { background-color: #eeeeee;}
.inactive-select-tab { background-color: #d1d1d1;}ابحث عن <html أضف بعده مباشرة الكود التالي :

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

ليصبح الكود هكذا :

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

الآن ابحث عن وأضف <body> بعده مباشرة الكود التالي مع تغيير معرف التطبيق :

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({xfbml: true, appId: معرف التطبيق });
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/ar_AR/all.js'
document.getElementById('fb-root').appendChild(e);
}());
</script>

هام : لا أسامح بنقل الموضوع دون ذكر المصدر :mad:
:bloggerexp:
عثمان بن الطالب إذا استفدت من الشرح فلا تبخل علينا بالنقر على زر أعجبني للفيسبوك أسفله.

MoSHkla1
08-19-2012, 12:00 AM
تسلم يا عثمان واحلى موضوع
يستاهل احلى اعجاب واحلى تقيم وتم التركيب وكلو تمام

وهيقى فى تعديل بسيط فى شكل الصور لو تسمح
ولك كل التحيه

MoSHkla1
08-19-2012, 12:10 AM
راجع الردود :http://www.bloggerexp.com/showthread.php?t=3177

admin
08-19-2012, 02:56 AM
راجع الردود :http://www.bloggerexp.com/showthread.php?t=3177
تم التصحيح أخي :nosweat:

MoSHkla1
08-19-2012, 03:07 AM
............ تم

MoSHkla1
08-22-2012, 11:16 PM
عثمان فى مشكله كمان

ولكن فى الصفحات الثابته
تعليقات الفيس بوك مش بتظهر فيها

شوف :: http://moshkla1.blogspot.com/p/elabrag.html

ملاحظه . التعليقات اللى فوق انا ضيفها لوحدها ومش ليها دعوه بالاضافه

seddek
08-23-2012, 03:47 AM
السلام عليكم اخي انا مركب Disqusوالمشكلة ان تعليقات الفيسبوك تضهر تحت صندوق Disqusوانا اريدها فوق
http://www.arab-teck.com

admin
08-23-2012, 03:09 PM
عثمان فى مشكله كمان

ولكن فى الصفحات الثابته
تعليقات الفيس بوك مش بتظهر فيها

شوف :: http://moshkla1.blogspot.com/p/elabrag.html

ملاحظه . التعليقات اللى فوق انا ضيفها لوحدها ومش ليها دعوه بالاضافه
استبدل الكود التالي الموجود بثاني كود في الموضوع :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

ب :

<b:if cond='data:blog.url != data:blog.homepageUrl'>

admin
08-23-2012, 03:10 PM
السلام عليكم اخي انا مركب Disqusوالمشكلة ان تعليقات الفيسبوك تضهر تحت صندوق Disqusوانا اريدها فوق
http://www.arab-teck.com
ضع كود الفيسبوك فوق كود disqus

عاشق النت
08-24-2012, 07:12 AM
موضوع جامد ، تم التطبيق

admin
08-24-2012, 09:09 AM
أخي seddek (http://bloggerexp.com/member.php?u=330) أنشئ موضوعا في طلبات تعديل قوالب بلوجر، وقم بتنزيل قالب كامل من تحرير HTML وارفعه ليتم التعديل عليه
ومبروك عليك الإضافة أخي عاشق النت (http://bloggerexp.com/member.php?u=136) أحسنت التطبيق ;):

السيد ابو جبل
08-30-2012, 09:05 PM
موضوع رائع يا اخ عثمان تم تحديث الاضافة
حصريا طريقة دمج تعليقات الفيس بوك مع تعليقات بلوجر مع تعليقات تويتر في تبويب واحد على مدونة بلوجر توب (http://bilokr.blogspot.com/2012/08/blog-post_26.html)
صورة الاضافة

http://1.1.1.5/bmi/2.bp.blogspot.com/--TNCoh8eo5U/UDor8Euj6aI/AAAAAAAAAPk/OGN0wVG3qko/s320/2012-08-26_155754.png (http://2.bp.blogspot.com/--TNCoh8eo5U/UDor8Euj6aI/AAAAAAAAAPk/OGN0wVG3qko/s1600/2012-08-26_155754.png)


المشاهد من هنـــــــــــا (http://bilokr.blogspot.com/2012/08/blog-post_26.html)


http://bilokr.blogspot.com/2012/08/blog-post_26.html


تم التقيد لهذا الموضوع

اعضاء معهد خبراء

اذا الاضافة اعجبتكم اضف تعليق فى المدونة

وقريبا يتم شرح الاضافة فى معهد خبراء بلوجر

وان شاء الله الكل يستفاد

على_2
10-19-2012, 10:06 PM
شكرا با اخوى عثمان

احمد نيجر
10-20-2012, 11:57 AM
شرح مفصل وشامل
وصتدوق الصتدوقين التعليق يظهرو بشكل جميل ولا يستعمل مسافة كبيرة
شكرا جدا شرح مميز تسلم

السيد ابو جبل
10-22-2012, 01:14 AM
شكرا اخ عثمان

http://bilokr.blogspot.com

msirda.info
01-24-2013, 02:15 PM
السلام عليكم
بارك الله فيك اخي عثمان على الشرح المميز
كما اشكر الاخ اسماعيل على اعطائي رابط الشرح
تحياتي لكم عبد القادر

pkiyad
02-26-2013, 10:40 AM
رااائع و تم التركيب (http://montagehd.blogspot.com/)

sameh
04-17-2013, 05:20 PM
فعلا انيق و جميل

محمود الجيجلي
04-19-2013, 07:09 PM
لم تنفع الطريقة لم اعرف لما،، ودائما ما احاول فقط اضافة صندوق تعليقات الفايسبوك للمدونة حتى بطريقة عادية لكن ؟؟؟

مرادكوووم
05-04-2013, 09:03 PM
مشكور و جزاك الله الف خير

khaled7753
07-26-2013, 03:21 PM
تسلم يا غالىىىىىىىىىىىى

hanna
08-03-2013, 05:34 PM
رائع يا أخ عثمان الله يعطيك العافية

rewayatasmara
08-04-2013, 04:06 PM
جزاكم الله خيرا نفذت الخطوات وظهر المربع لكن ظهر تحته جملة
تحذير : ‏‎http://ggjkjv.blogspot.com/2013/08/blog-post.html (https://developers.facebook.com/tools/lint?url=http%3A%2F%2Fggjkjv.blogspot.com%2F2013%2 F08%2Fblog-post.html)‎‏ غير قابلة للوصول.

وكلما كتبت تعليق لا يتم اعتماده

فما السبب ؟

المدون
08-04-2013, 04:28 PM
جزاكم الله خيرا نفذت الخطوات وظهر المربع لكن ظهر تحته جملة
تحذير : ‏‎‎‏ غير قابلة للوصول.

وكلما كتبت تعليق لا يتم اعتماده

فما السبب ؟

فقط كلما ظهر تحذير قم بالظغط على الرابط و سيحيلك مباشرة لصفحة الفحص التقني فيس بوك و سيزول التحذير تلقائيا
بالنسبة للتعاليق يمكنك الموافقة عليها أولا من الاعدادات كي تظر لك و للعموم

rewayatasmara
08-04-2013, 04:38 PM
فقط كلما ظهر تحذير قم بالظغط على الرابط و سيحيلك مباشرة لصفحة الفحص التقني فيس بوك و سيزول التحذير تلقائيا
بالنسبة للتعاليق يمكنك الموافقة عليها أولا من الاعدادات كي تظر لك و للعموم
شكرا على الرد
جربت طريقة تانية هنا فى القسم ونجحت معى الحمد لله

elmohagrayman
08-07-2013, 03:16 PM
جزاك الله كل خير

Mr Net
08-11-2013, 02:26 PM
مشكوور أخوي
مميز

anazoro
08-14-2013, 11:15 PM
مشكور اخى على هذا الموضوع الجميل

Mahmoud
08-21-2013, 01:53 PM
أها إضافة مميزة بالفعل :):

alaya
08-23-2013, 05:36 PM
شكرا طريقة رائعة

Annajeh.com
09-11-2013, 02:13 PM
والله كدت أبكي من الفرحة ... تم التفعيل بحمد الله

معاينة :

http://www.annajeh.com/2013/09/5-books-in-self-developpement.html

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

ebram atef
02-08-2014, 07:23 PM
هل يمكن تطبيق هذا الشرح مع نظام تعليقات Disqus ؟؟

Amina Slim
04-09-2014, 07:26 PM
بجد شكرررررررررراااااااااااا
جدااااااااااااااا
اول مرة اعمل الموضوع دع ويظبط معايا

Amina Slim
04-14-2014, 08:43 AM
بعد ما ركبت الاضافة واشتغلت كويس معاها
دلوقتى لقيت تعليقات الفيس بوك مش شغالة
جربت انزل الاضافة من جديد لقيت بيقولى أن الكود xmlns:fb='http://www.facebook.com/2008/fbml' غلط
مش عارفة ازاى نزل معايا اول مرة
وجيت انزله على مدوناتى التانية قالى نفس الكلام

يعقوب
07-23-2014, 01:39 PM
السلام عليكم
شكرا علي هذا النوع من المواضيع
انا قمت بنفس الخطوات لاكن تعليقات بلوجر لا تظهر هذه مدونتي
http://www.khidame.com
كما أنني لم افهم معرف الحساب القصد منه ماذا و هو أي حساب

و شكرا مرة أخري

Nero Noir
11-30-2014, 09:11 PM
شكرا لك كل تمام :ok: