31‏/10‏/2015

تركيب تعليقات فيسبوك مع بلوجر مدموجة لا يعني هذا أن تعليقات بلوجر سيتغير شكلها لا سيبقى كما لديك وظيفة هذه الأخيرة هي إضافة تعليقات فيسبوك فقط زيادة على زرين لتحويل بين هذا وذاك كما بمدونتنا في التعليقات، وهناك من يهتم بالتعليق مباشرة من الفيسبوك بدون اللجوء لبلوجر والعكس وبهذه الإضافة ستسمح لزائر باختيار ما يشاء لذلك نحن بحاجة للقيام ببعض الخطوات قبل أن تظهر التعليقات فلنتابع هذا الشرح البسيط
شرح طريقة التركيب
1. ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
.comments-page,.comments-tab{display:inline-block;background:#fafafa;color:#fff;float:right;margin:0 10px 0 0;cursor:pointer;font-weight:bold;position:relative;font-size:110%;z-index:10;font-family: Droid Arabic Naskh;}
.comments-page{background:rgba(255,255,255,1);width:100%;max-width:100%;margin:0 0 20px}
#blogger-comments-page h4{display:none}
#blogger-comments-page p{color:#444;}
#blogger-comments-page {padding:0px 5px;display:none;}
.comments-tab{background:#3b5998;padding:12px;transition:all .3s;}
.comments-tab:nth-child(2) {background:#FFB440;transition:all .3s;}
.comments-tab:hover:nth-child(2) {background:#FFBA4E;}
.comments-tab-icon {height:14px;width:auto;margin:0 3px}
.comments-tab:hover{background-color:#324c82;}
.inactive-select-tab {background:#aaa}
.inactive-select-tab,.comments-tab:hover {background-color:#324c82;}
2. ضع الكود التالي فوق </body>
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize",function(){var o=location.protocol+"//"+location.host+location.pathname,t=$("#container-commentfb").width();$("#container-commentfb").html('<div class="fb-comments" data-href="'+o+'" width="'+t+'" data-num-posts="10"></div>'),FB.XFBML.parse()});
//]]>
</script>
3. يتبقى عليك البحث عن هذا <div class='comments' id='comments'> ووضع الكود الآتي أسفله
* ملاحظة : الكود يتوفر منه إثنان لذا جرب وضع الكود أسفل الأول وعاين النتيجة إذ لم تجد خطأ فتهانينا إذا وجدت خطأ فأضف نفس الكود أسفل <div class='comments' id='comments'> أي الثاني
<div class='comments-tab' id='fb-comments' onclick='javascript: commentToggle(&quot;#fb-comments&quot;);' title='علّق بفيسبوك'>
<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='علّق ببلوجر'>
<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'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<script type='text/javascript'>
function commentToggle(selectTab) {$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comments-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}
</script>
وبهذا نكون قد انتهينا من الشرح نتمنى أن يفيدكم، لقائنا يتجدد في درس مماثل لإضافة تعليقات بلوجر مع ديسكس فانتظرونا.
تركيب تعليقات فيسبوك مع بلوجر مدموجة لا يعني هذا أن تعليقات بلوجر سيتغير شكلها لا سيبقى كما لديك وظيفة هذه الأخيرة هي إضافة تعليقات فيسبوك فقط زيادة على زرين لتحويل بين هذا وذاك كما بمدونتنا في التعليقات، وهناك من يهتم بالتعليق مباشرة من الفيسبوك بدون اللجوء لبلوجر والعكس وبهذه الإضافة ستسمح لزائر باختيار ما يشاء لذلك نحن بحاجة للقيام ببعض الخطوات قبل أن تظهر التعليقات فلنتابع هذا الشرح البسيط
شرح طريقة التركيب
1. ابحث عن ]]></b:skin> وضع الكود التالي فوقه أو ضعه بين <style> </style> فوق </head>
.comments-page,.comments-tab{display:inline-block;background:#fafafa;color:#fff;float:right;margin:0 10px 0 0;cursor:pointer;font-weight:bold;position:relative;font-size:110%;z-index:10;font-family: Droid Arabic Naskh;}
.comments-page{background:rgba(255,255,255,1);width:100%;max-width:100%;margin:0 0 20px}
#blogger-comments-page h4{display:none}
#blogger-comments-page p{color:#444;}
#blogger-comments-page {padding:0px 5px;display:none;}
.comments-tab{background:#3b5998;padding:12px;transition:all .3s;}
.comments-tab:nth-child(2) {background:#FFB440;transition:all .3s;}
.comments-tab:hover:nth-child(2) {background:#FFBA4E;}
.comments-tab-icon {height:14px;width:auto;margin:0 3px}
.comments-tab:hover{background-color:#324c82;}
.inactive-select-tab {background:#aaa}
.inactive-select-tab,.comments-tab:hover {background-color:#324c82;}
2. ضع الكود التالي فوق </body>
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize",function(){var o=location.protocol+"//"+location.host+location.pathname,t=$("#container-commentfb").width();$("#container-commentfb").html('<div class="fb-comments" data-href="'+o+'" width="'+t+'" data-num-posts="10"></div>'),FB.XFBML.parse()});
//]]>
</script>
3. يتبقى عليك البحث عن هذا <div class='comments' id='comments'> ووضع الكود الآتي أسفله
* ملاحظة : الكود يتوفر منه إثنان لذا جرب وضع الكود أسفل الأول وعاين النتيجة إذ لم تجد خطأ فتهانينا إذا وجدت خطأ فأضف نفس الكود أسفل <div class='comments' id='comments'> أي الثاني
<div class='comments-tab' id='fb-comments' onclick='javascript: commentToggle(&quot;#fb-comments&quot;);' title='علّق بفيسبوك'>
<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='علّق ببلوجر'>
<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'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<script type='text/javascript'>
function commentToggle(selectTab) {$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comments-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}
</script>
وبهذا نكون قد انتهينا من الشرح نتمنى أن يفيدكم، لقائنا يتجدد في درس مماثل لإضافة تعليقات بلوجر مع ديسكس فانتظرونا.
46 Blogger تعليقات
Disqus
46 التعليقات
المشرف
avatar

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

المشرف
avatar

أخي ممكن كود لظهور كلمة الكاتب بجوار تعليقات بلوجر !

المشرف
avatar

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

المشرف
avatar

أضفت الكود وعند الحفظ حدث خطا اثناء التحليل ماذا افعل وهل احذف الكود الاول وشكرا

المشرف
avatar

لا، لا تحذفه طبق نفس العملية بالبحث عن <div class='comments' id='comments'> وضع الكود في كلاهما أسفله، أظنك حذفت شيء بالكود أو شيء ناقص ولم تلاحظ إذ لازالت المشكلة قائمة أرسل القالب إلى info@ar1web.com وسيتم الحل بإذن الله

المشرف
avatar

يمكنك الإنتظار حتى ينزل الشرح وإذا كنت مستعجل فتوجد دروس كثيرة بجوجل إبحث عن تمييز تعليقات الكاتب في مدونة بلوجر

المشرف
avatar

لقد ارسلت القالب اروجوا تصحيح الاخطاء

المشرف
avatar

شكراً لك ^_^

المشرف
avatar

لقد جربت القالب وهو يظهر تعليقات بلوجر الخطأ من الإعدادات أي أنك مخفي التعليقات توجه لإعدادات من ثم مشاركات وتعليقات وفي موقع التعليقات إختر "مضمن" وقم بحفظ الإعدادات

المشرف
avatar

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

المشرف
avatar

وهل يمكنك أن تعطيه لي ..... أرجوك ....

المشرف
avatar

ستكون إضافة مثلها في التدوينة المقبلة لكن ليست بالسيدبار

المشرف
avatar

فقط لأننني ركبت هذا القالب وأريد أن أضع تلك الإضافة في ذلك المكان

المشرف
avatar

شكرا لك اخى على الاضافة مبدع دائما

المشرف
avatar

السلام عليكم
اخي اعتذر لان ذكرت هذا الموضوع بغير محله لاكن لان الموضوع قديم ما راح ترد على سؤالي اذا طرحته هناك
هذه الاضافه كيف تضهر ؟؟؟؟؟ هذا الصوره للاضافه.......
http://www.9ory.com/uploads/1446438505281.png

المشرف
avatar

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

المشرف
avatar

كيف احدف رسالة هدا النص الغبي ................ التي تظهر عند مشاركة المواضيع على الفيس بوك

المشرف
avatar

اخي حسام كيف اقوم بعكس الاضافة على هذا الشكل
https://1.bp.blogspot.com/-QMsVTLOgbfY/Vj3uo8HyyVI/AAAAAAAAD1g/T8Jh1AaT71E/s1600/Capture.PNG

المشرف
avatar

في الكود الاخير أنقل الكود المحدد بالصورة إلى الأعلى :
http://4.bp.blogspot.com/-FoUIGQEsFGY/Vj8opn8WqMI/AAAAAAAAJNY/oxIds7xm6Jc/s1600/comm.png

المشرف
avatar

خويا الله احفضك شي مساعدة
المشكلة : http://up.dev-point.com/uploads1/216da7166e651.jpg

المشرف
avatar

هل جربت تكرار الكود في المرحلة 3 ؟

المشرف
avatar

يسلمو زبطت اخي

المشرف
avatar

السلام عليكم اخي قالب Red XCode ليش ما بيظهر تعليق بلوجر

المشرف
avatar

لا يعمل :'((((((((((((((((((((((((((((((((((( -_-

المشرف
avatar

عندي استفسار .. أن تعليقات بلوجر نفسها لم تظهر (هي اصلا غير موجودة) .. لكن الفيس بوك ظهرت .. فما السبب؟؟ هل من مساعدة؟

المشرف
avatar

من الممكن أنها مخفية، إذهب إلى الاعدادات >> مشاركات وتعليقات >> موقع التعليقات اختر مضمن وقم بحفظ الاعدادات

المشرف
avatar
المشرف
avatar

خى استطعت اظهار الشكل عن طريق وضع الكود الاول بين style style فوق head
ولكن مازالت تعليقات بلوجر لا تعمل

http://up.dev-point.com/uploads1/95184d658d462.jpg

المشرف
avatar

وجدت الحل اخى

الحل هو عند نشر مشاركة جديدة لانقوم بالسماح للقراء بالتعليق
ولكى نسمح لهم عند نشر مشاركة جديدة نذهب الى خيارات ثم نضع العامة على سماح

مثل الصورة

http://up.dev-point.com/uploads1/690e6bd887b81.jpg

والسلام عليكم

المشرف
avatar

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

المشرف
avatar

والله لا أعلم كيف

المشرف
avatar

حسنا شكرالك

المشرف
avatar

ممكن طريقة التحكم في الطول و العرض

لتصبح مثل
https://1.bp.blogspot.com/-QMsVTLOgbfY/Vj3uo8HyyVI/AAAAAAAAD1g/T8Jh1AaT71E/s1600/Capture.PNG

المشرف
avatar

Thank you
nice widgets

المشرف
avatar

السرلام عليكم
كيف أجعل إشعارات صندوق الفيس بوك تصلنى عى حساب الفيسبوك بوك عند إضافة تعليق جديد ؟

المشرف
avatar

عليكم السلام اخي، بنفسي لا أعرف الطريقة ..لم أجربها من قبل

المشرف
avatar

شكراً لإهتمامك :-)

المشرف
avatar

لم تعمل اخي حسام ! طبقت كل شيئ فلم تظهر تعليقات فايسبوك
بقيت كما كانت ، فقط تعليقات بلوجر

المشرف
avatar

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

المشرف
avatar

شكرا أخي الطريقة نجحت ^^

المشرف
avatar

أخي الطريقة نجحت في كل التدوينات بس المشكلة في الصفحات إن التعليقات تظهر في كل الصفحات المسموح فيها بالتعليقات وغير المسموح بها ويظهر تعليقات بلوجر فقط
هل إذا كتبت أخر كود تحت ال " <div class='comments' id='comments'> " الثانية ستحل المشكلة ؟

المشرف
avatar

مشكووووووووووور

المشرف
avatar

أخي حسام أنا أستعمل قالب سيو الوان و وضعتك الكود المرحلة الثالتة و عند التحليل وجد خطأ div ما الحل ؟

المشرف
avatar
المشرف
avatar

اخي تعليقات بلوجر متوقفة

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة