أخيراً: نظام التعليقات الجديد في بلوقر يربط بين التعليقات! + التفعيل + التعريب والتنسيق

أخيراً: نظام التعليقات الجديد في بلوقر يربط بين التعليقات! + التفعيل + التعريب والتنسيق

threaded_comments_004الحمدلله رب العالمين والصلاة والسلام على خير المرسلين ..
تقدمت بلوقر خطوة نحو الأمام بإعلانها عن ميزة التعليقات المترابطة Threaded Commenting ، وذلك تجاوباً مع مستخدمي بلوقر حيث كان نظام التعليقات في بلوقر بسيط لدرجة غير مرضية! ؛ حيث كانت التعليقات تأتي في سياق واحد، وليس مثل تعليقات الوردبريس حيث من السهولة تتبع التعليقات على مشكلة معينة أو استدراك من أحد الزوار، الآن في بلوقر يمكننا ذلك ، مع عيوب بسيطة غير منطقية وأتوقع متأملاً أن فريق بلوقر سيتجاوزها. . . .

مميزات وعيوب نظام التعليقات الجديد

◄ المميزات:
  1. سياق أفضل في التعليقات بحيث ترتبط المناقشات حول فكرة محددة بين المعلقين، وبالتالي ستكون متابعة التعليقات والتفاعل معها أمر ممتع ومريح للجهاز العصبي!.
  2. تمييز تعليقات الكاتب ( محرر الموضوع ) بايقونة صغيرة وجذابة.
  3. بالإضافة إلى امكانية الاشتراك عبر البريد لمتابعة التعليقات ( غير الاشتراك في القائمة البريدية )
threaded_comments_003

◄ العيوب:
  1. لتفعيل نظام التعليقات الجديد لابد من جعل خلاصات الموضوعات كاملة العرض، وهذا قد لا يحبه الكثير، عن نفسي ليس عندي مشكلة ، وكل من يتابع الخلاصات سيقرأ كامل الموضوع دون فتح المدونة. ولا يزال هذا عيب في النظام لعل فريق بلوقر يتجاوزه!.
  2. المحاذاة اليمنى (التعريب) غير متوفرة للأسف حتى في القوالب الرسمية من بلوقر، وهذا يعني لابد من التدخل في أكواد CSS الخاصة بنظام التعليقات.

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

الخطوة الأولى
  • توجه إلى  “الإعدادات”   >   “أخرى”.
  • أختر:  “كامل ”، لخيار السماح لخلاصة المدونة ؟ 
تحديث: ستعمل حتى مع خيار "حتى الفاصل" أو "قصير"



الخطوة الثانية:
  • توجه إلى “الإعدادت” > “ مشاركات وتعليقات
  • واختر لموقع التعليقات ، الخيار “مُضمن” 
بالصور:
threaded_comments_001
threaded_comments_002


مشكلة القوالب المعدلة مرة أخرى

إذا كانت مدونتك تستخدم قالباً من القوالب الرسمية أو بقالب معدل منها فلا مشكلة بإذن الله ، أما إذا قالبك مثل قالب مدونة بلوقر من القوالب المعدلة فربما ستواجهنا مشكلة عدم ظهور التحديثات الجديدة ومنها هذه الميزة ، وبالتالي علينا دائماً البحث عن الأكواد الناقصة وتحريريها يدوياً، وذلك بمقارنتها مع القوالب الحديثة. في مدونتي فعلتها بالطريقة التالية واستفدت من هذا الموضوع هنا ، مع تغير بسيط :

◄ البحث عن الكود التالي:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>


◄ واستبداله بهذا الكود:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>

تحديث:  حسب تنبيهات الأخ رواد السيد الظاهرة في التعليقات أسفل هذا الموضوع؛ غالباً لم يعد هناك حاجة إلى استبدال شيء؛ فالكود يبدو أن فريق بلوقر قام بحقنه في جميع المدونات. بالطبع هذا سيؤدي الى تعارض مع القوالب المعدلة يمكن إجراء إعادة ضبط بالنقر على الزر (الرجوع إلى الإعدادات الافتراضية لقوالب عناصر واجهة المستخدم) اسفل محرر القالب.

تعريب نظام التعليقات الجديد وتنسيقه

   ستجد بإذن الله أنماط النظام الجديد CSS ، بين السطور التالية :

<b:includable id='threaded_comment_css'>
<style>
 
***** هنا ستجد خصائص النظام****

</style>
</b:includable>

  يمكنك التعديل عليها لضبط المحاذاة ، واللعب بالأكواد لتنسيق يناسب مدونتك ، وإن شئت فهذا تنسيق قمت بتحريره عند إعداد الموضوع ، كل ما عليك هو إضافته قبيل </style> ، بدون تحرير الكود الأصلي ، وأنصح أن تفعل نفس الشيء بحيث لو أردت الرجوع إلى الخصائص الافتراضية كل ما عليك هو حذف الكود المُضاف:

/* Restyle Threaded Comments by alblogger.com start */
.comment-header {
    background-color: #D8D8D8;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px gray;
    padding: 5px;
    text-align: right; 
    line-height:25px;}
.user {
    font-style: normal;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 11pt !important;
    text-shadow: 0 0 1px silver !important;}
.datetime {
    color: #A4A4A4;
    float: left;}
.comments .comment-block {
    margin-right: 48px;}
.comments .avatar-image-container {
    float: right;}
.comments .comment-thread.inline-thread {
    background-color: #FAFAFA;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 2px #D8D8D8;
    width: 90%;}
.comments .comment .comment-actions a {
    background: none repeat scroll 0 0 #424242;
    border: 1px solid #424242;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;}
.comments .comment .comment-actions a {
    background: none repeat scroll 0 0 #FAAC58;
    border: 1px solid silver;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px silver;
    color: #FFFFFF;
    cursor: pointer;
    font-family: tahoma;
    font-size: 9pt;
    margin: 3px;
    padding: 3px;
    text-decoration: none !important;}
.comments .comment-thread.inline-thread {  text-align: right; }
.comments .continue {   border-top: 1px dashed silver; }
/* Restyle Threaded Comments by alblogger.com end*/



← أخيراً أنصحك أيها المبارك تجربة النظام الجديد في مدونة تجريبية تستخدم لها نفس قالب مدونتك الأصلية

توكل على الله وجرب، حظاً سعيداً إن شاء الله


.


.

التعليقات: 45

Unknown يقول... 14 يناير 2012 في 11:18 م

شكرا يا أخي على الموضوع المفيد جدا ... ونحن دوما في انتظار تميزكم ومواضيعكم الرائعة ....

_ وأنا عني أجد أن بلوجر مازالت تحاول الرقي بمدوناتها نحو الأمام واضافة كل ما هو مناسب وجديد لها ..

_ أتشرف دائما بالزيارة في مدونتي الجديدة:

http://window-internet.blogspot.com/

غير معرف يقول... 14 يناير 2012 في 11:33 م

شكرا لك جزيلا اخي الكريم

أحمد أشرف يقول... 15 يناير 2012 في 7:56 م

أنا استخدمت نظام تعليقات intensedebate في مدونتي و أرى أنه رائع و يجعل المدونة كأي موقع احترافي

Jaser Alharbi يقول... 16 يناير 2012 في 2:56 م

@عبدالجليل: أهلاً بك أخي الفاضل، تشرّفتُ بزيارة مدونتك ، اتمنى لك التوفيق.

@غير معرف: العفو أخي وأهلاً ومرحباً.

@أحمد أشرف: لا أحب استخدام نظام تعليقات من طرف خارجي، فكر مثلاً ماذا لو أردت أن تصدر مدونتك الى مدونة جديدة ، لكن بالتأكيد هو خيار جيّد لمن شاء .. شكراً لمداخلتك المثرية.

رواد يقول... 18 يناير 2012 في 2:11 ص

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

Jaser Alharbi يقول... 18 يناير 2012 في 10:04 ص

@رواد السيد:
أهلاً بك ، كلامك صحيح الجميع ظهر له هذا العيب ، لذلك لابد من تجربة أي إضافة أو ميزة جديدة في مدونة تجريبية ( لها نفس قالب المدونة الأصلي )، حتى إذا ما تم ترقيع وإصلاح الإضافة واستقرت يطبقها مباشرة.

شكراً لمداخلتك القيمة أخي رواد بارك الله فيك

تحاياي

a7baby يقول... 26 يناير 2012 في 8:35 م

شاكرةن مجهودكم
لكن كنتُ أتساءل كيف نختصر الردود بدل من ظهورها كاملة
في الإضافة المسماة " آخر التعليقات "

الصورة توضح مقصدي ..
مشكلتي في الشكل الـ 1
و أريد أن تظهر الردود مختصرة كما في الشكل الـ 2
و بعدها كلمة continue

هنا الصورة >> http://img221.imageshack.us/img221/710/35724261.png

شاكرة لكم جهودكم ,

Hamada Muhamed يقول... 27 يناير 2012 في 2:15 م

السلام عليكم ورحمة الله وبركاته

سعدت كثيرا عندما علمت بهذه الخطوة الجميلة من بلوجر ولكن هذه السعادة ناققصه لان نظام التعليقات الجديد به العديد و العديد من القصور و السلبيات و اظن ان حضرتك ذكرت العديد منها بتدوينتك الجميلة . ولكنى لن استخدم هذا النظام بمدونتى لانى قمت منذ فترة بدمج نظام تعليقات جديد وثرى جدا من خلال التبويب الثلاثى لتعليقات [ بلوجر وفيسبوك وتويتر ]. واجد صعوبة كبيرة فى ان اتخلى عن هذا النظام .

تحياتى لك

a7baby يقول... 27 يناير 2012 في 9:58 م

سؤال آخر و عذراً منكم ^^
كيف أجعل المسافات بين الأسطر في التعليقات متباعدة
في مدونتي الأسطر شبه متلاصقة و أود تعديلها من فضلكم ؟

Jaser Alharbi يقول... 28 يناير 2012 في 11:17 ص

@أحبابي: أقترح عليك هذه الإضافة:
Recent Comments Widget with Avatar for Blogger/Blogspot

إضافة ممتازة وفيها عدة خيارات سواء إضظهار صور المعلق، واختيار عبارة اقرأ المزيد .. الخ . إذا وجهتك صعوبة أكتبي ذلك.


بالنسبة لتنسيق التعليقات:
==========================
تصفحت مدونتك ، ابحثي عن الوسم التالي:

.comments {

ثم غيري قيمته إلى 25 بيكسل مثلاً ليكون كالتالي:

.comments {
line-height: 25px;
}


.

Jaser Alharbi يقول... 28 يناير 2012 في 11:22 ص

@حمادة

وعليكم السلام ورحمة الله وبركاته

هي خيار آخر ، وكما ذكرت سابقاً أنا أتخوف من الإضافات من أطراف خارجية وتطمئن نفسي لمميزات الأصيلة في بلوقر نفسه. فكرة الإضافة التي أشرت اليها فعلاً جميلة وخيار ذكي لا أنكر ذلك :)

تحاياي

a7baby يقول... 28 يناير 2012 في 1:05 م

جزاك الله خيراً
طبقتها و كل الأمور جيدة
و الإضافة جميلة ساجربها ..
ألف شكر ،

تحميل برامج مجانية يقول... 8 فبراير 2012 في 3:20 م

شكراً لك أخي الحبيب .. برنامج مميز

Ahmed Ali يقول... 10 فبراير 2012 في 11:08 م

شكرا لك اخي الحبيب

انا عاوز مدونين تقنيين في مدونتي لو انت محب للتقنية ادخل علي الرابط
http://live-tech.blogspot.com/p/blog-page_10.html

Jaser Alharbi يقول... 12 فبراير 2012 في 8:40 ص

حياكم الله أيها الأحبة ..

شكراً أخي أحمد على الدعوة ، واعذرني لا أجد مزيد وقتٍ بالكاد أحرر هذه المدونة

رواد يقول... 3 أبريل 2012 في 7:04 ص

أخ جاسر لقد نفذت الشرح منذ مدة طويلة والنتيجة تمام
ولكن منذ يومين فجأة لم يعد يعمل زر الرد فعند الضغط عليه لا يقوم بأي حدث
ولا يظهر أي شيئ....
نفذت الشرح على نسخة القالب الأصلية وعلى خمس قوالب آخرى نفش المشكلة
يومين وأنا أبحث عن حل ولم أجد ....فأنا أعتقد أن شيئاًقد تغير في أكواد الجافا من عند غووغل وأعتقد أن هذا الشرح لم يعد يعمل
أرجو أن تجد لنا حل فأنت المنقذ بإذن الله ... تحياتي لك ولكل محبين الخير

رواد يقول... 3 أبريل 2012 في 7:37 ص

أخ جاسر يبدو أن وصولي لمدونتك دائماً يكون فأل حسن
فالحمد لله وجدت الحل :
فالحل هو ضغطة واحدة على (( الرجوع إلى الإعدادات الافتراضية لقوالب عناصر واجهة المستخدم ))الموجودة في تصميم >> تحرير HTML >> أسفل الصفحة بجانب زر معاينة
أرجو منك أن تضع هذه الملاحظة في مدونتك لتبقى مدونتك " أم الحلول "

Jaser Alharbi يقول... 3 أبريل 2012 في 11:48 ص

@رواد السيد:

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

شكراً لك مشاركتنا هذه التجربة وشد حيلك واخرج لنا مدونتك :)

رواد يقول... 5 أبريل 2012 في 2:37 ص

شكراً لإهتمامك أخي جاسر
بالنسبة لمدونتي أنا تعمدت تأجيل إطلاق مدونتي بسبب انقطاع الإنترنت والكهرباء المتكرر في سوريا
فأنا أريد أن اهتم بالقراء كما يفعل جاسر الحربي :)

رواد يقول... 16 أبريل 2012 في 2:24 ص

في تعليق سابق كنت قد قلت أن شيئاً ما قد تغير في أكواد التعليقات المترابطة وهذا ما سبب مشكلتي التي طرحتها هنا.....
اليوم لاحظت فرقاً ♥ صغيراً♥ بعد المقارنة بين قبل وبعد ولكن بالحقيقة هذا الفرق قد يؤثر على تدوينتك هذه ....!!!
حيث أنك إذا طبقت الشرح اليوم لن تجد هذا الكود بعد الآن:

وهو الكود الذي أشرت له سابقاً...لذلك وجب التنويه!!
ولك مني أجمل تحية

رواد يقول... 16 أبريل 2012 في 2:52 ص

لا أدري لماذا لم يظهر الكود في تعليقي السابق على كل حال سأضع جزء منه عسى أن يظهر
threaded_comment_css
الأمر الآخر كل ما افتح هذه الصفحة تظهر رسالة تنبيه من فيرفوكس
SyntaxHighlighter
Can't find brush for: xml

Jaser Alharbi يقول... 16 أبريل 2012 في 8:42 ص

@رواد: أهلاً بك دائماً أبداً :)

1. راجعت عدة مدونات قديمة ووجدت أن فريق بلوقر قام بحقن «الكود» فيها جميعاً فليس هناك حاجة الى استبدال شيء ، فقط يجب تصحيح التعارض الذي غالباً أنه سيحدث في القوالب المعدلة بإعادة ضبطها كما فعلت أنت.

2. الكود الذي أردت نسخه يجب أن أولاً ترميزه ، حتى لا يفسره المتصفح.

3. بحثت عن السطر الذي كتبته في قوالب قديمه وحديثه فلم أجده ، الكود كما هو لم يتغير لكن خصائص الأنماط بالطيع تتغير حسب المصمم.

4. رسالة الفيرفوكس هذه لها علاقة بإضافة تنسيق الكود في مدونة البلوقر إذا لم تحمل بشكل سليم فلن يظهر الكود بالألوان .. ولكن الكود سيكون منسقاً التنسيق الذي كتبته في القالب بحيث غذا لم تعمل الإضافة سيكون هو سيد الموقف.

شكراً لمدخلاتك الثرية والحيوية :)

زكرياء يقول... 26 أبريل 2012 في 6:17 م

السلام عليكم ورحمة الله وبركاته

اخي شكرا على الشرح الجميل والواضح

لاكن لو سمحت عندي استفسار من فضلك، وهو فيه قالب كل ما قلت تم عمله لاكن النظام لا يظهر.علما اني قمت بوضع كامل في موجر خلاصة المواضيع والكود الذي وضعت هو موجود في القالب.

كيف يمكنني تفعيل النظام ده
جزاك الله خيرا

Jaser Alharbi يقول... 28 أبريل 2012 في 8:53 ص

قم بإعادة ضبط القالب كما نوهت في التحديث:

"√ تحديث: حسب تنبيهات الأخ رواد السيد الظاهرة في التعليقات أسفل هذا الموضوع؛ غالباً لم يعد هناك حاجة إلى استبدال شيء؛ فالكود يبدو أن فريق بلوقر قام بحقنه في جميع المدونات. بالطبع هذا سيؤدي الى تعارض مع القوالب المعدلة يمكن إجراء إعادة ضبط بالنقر على الزر (الرجوع إلى الإعدادات الافتراضية لقوالب عناصر واجهة المستخدم) اسفل محرر القالب."

Unknown يقول... 8 يونيو 2012 في 11:26 ص

شكرا اخى

Jaser Alharbi يقول... 10 يونيو 2012 في 8:43 ص

العفو أخي خالد

غير معرف يقول... 8 يوليو 2012 في 8:29 م

مشكور

Jaser Alharbi يقول... 11 يوليو 2012 في 11:55 ص

العفو

Unknown يقول... 31 يوليو 2012 في 8:08 ص

شكرا يا أخي على الموضوع المفيد جدا ... ونحن دوما في انتظار تميزكم ومواضيعكم الرائعة ....

www.baramij-ucom.blogspot.com

Admin يقول... 5 أكتوبر 2012 في 8:02 م

شكرا لك

مدونة رائعة

Jaser Alharbi يقول... 6 أكتوبر 2012 في 8:51 ص

@Shêon hishém :
العفو أخي هشام ، حياك الله وبياك ..


@cuisine4arabe :
العفو ، شكراً لك

Unknown يقول... 31 أكتوبر 2012 في 2:16 م

جميل ، و لكنني أفضل صندوق تعليقات disqus فهو أفضل و أسهل

Jaser Alharbi يقول... 31 أكتوبر 2012 في 2:45 م

لا تنسى التكامل في نظام واحد ، مثلاً ماذا لو اردت تصدير المدونة بمواضيعها وتدويناتها هل ستستغني عن التلعيقات ! :)

Unknown يقول... 1 نوفمبر 2012 في 5:27 م

لقد نبهتني إلى هذه النقطة ، شكرا لك ..

عرب كول يقول... 29 ديسمبر 2012 في 7:36 م

جميل جدا تقبل مروري

مدونة ثعلوب يقول... 23 يناير 2013 في 11:06 م

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

Jaser Alharbi يقول... 26 يناير 2013 في 7:51 ص

حياكم الله

هو نظام تعليقات بسيط

Fernando Salas يقول... 11 فبراير 2013 في 6:43 م

Very nice!! Thanks Admin Blogger Tutorials

Unknown يقول... 15 أبريل 2013 في 5:08 م

ع3 ع3 ع3 ع3 ع3 ع3 ع3 ع3 ع3 ع3 ع3 ع3

Unknown يقول... 21 أبريل 2013 في 6:23 ص

شكرا اخ جاسر للاسف ما نفعت معاية ارجو الزيارة

مدونة بلوجر توب

pro drs يقول... 23 أبريل 2013 في 10:47 م

تطور كبير متقدم بامتياز

http://www.video-maroc.com/

Unknown يقول... 18 يوليو 2014 في 12:20 ص

شكرا جزيلا على هذا الشرح الأكثر من رائع بارك الله فيك .

http://safa1434.blogspot.com/

ahmed abed elfatah يقول... 29 أغسطس 2016 في 11:10 م

جزاك الله خيرا
لدى سؤال اخى لدى قالب bmag واضفت انظمة التعلقات ولكن حدث خطأ اختفى نظام تعليقات بلوجر واخذ نظام disqus مكانه
من فضلك القى نظره وافدنى برايك مع العلم انى جاعل موقع التعليقات مضمن فى الاعدادات
http://www.alsa3k.com/2016/08/adblock-plus.html

Jaser Alharbi يقول... 3 سبتمبر 2016 في 3:07 م

بعض القوالب من طرف ثالث خصوصاً المدفوعة تكون جاهزه لتضمين التعليقات ، راجع صفحة القالب الرسمية وانظر كيف يمكن تفعيلها ..

Unknown يقول... 18 سبتمبر 2016 في 3:59 م

شكرا

إرسال تعليق