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

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

عبد الجليل يقول... 14 يناير، 2012 11:18 م

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

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

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

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

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

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

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

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

جاسر الحربي يقول... 16 يناير، 2012 2:56 م

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

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

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

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

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

جاسر الحربي يقول... 18 يناير، 2012 10:04 ص

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

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

تحاياي

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

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

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

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

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

HaMaDa Mohamed يقول... 27 يناير، 2012 2:15 م

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

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

تحياتى لك

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

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

جاسر الحربي يقول... 28 يناير، 2012 11:17 ص

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

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


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

.comments {

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

.comments {
line-height: 25px;
}


.

جاسر الحربي يقول... 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

جاسر الحربي يقول... 12 فبراير، 2012 8:40 ص

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

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

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

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

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

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

جاسر الحربي يقول... 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

جاسر الحربي يقول... 16 أبريل، 2012 8:42 ص

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

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

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

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

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

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

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

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

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

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

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

جاسر الحربي يقول... 28 أبريل، 2012 8:53 ص

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

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

خالد احمد يقول... 8 يونيو، 2012 11:26 ص

شكرا اخى

جاسر الحربي يقول... 10 يونيو، 2012 8:43 ص

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

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

مشكور

جاسر الحربي يقول... 11 يوليو، 2012 11:55 ص

العفو

Shêon hishém يقول... 31 يوليو، 2012 8:08 ص

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

www.baramij-ucom.blogspot.com

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

شكرا لك

مدونة رائعة

جاسر الحربي يقول... 6 أكتوبر، 2012 8:51 ص

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


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

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

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

جاسر الحربي يقول... 31 أكتوبر، 2012 2:45 م

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

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

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

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

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

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

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

جاسر الحربي يقول... 26 يناير، 2013 7:51 ص

حياكم الله

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

Tuto Bloggers يقول... 11 فبراير، 2013 6:43 م

Very nice!! Thanks Admin Blogger Tutorials

MoHaMeD ErracHiDia يقول... 15 أبريل، 2013 5:08 م

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

السيد ابو جبل يقول... 21 أبريل، 2013 6:23 ص

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

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

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

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

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

صفاء الدفاعي يقول... 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

جاسر الحربي يقول... 3 سبتمبر، 2016 3:07 م

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

Mosa Nassan يقول... 18 سبتمبر، 2016 3:59 م

شكرا

إرسال تعليق



تابع صفحتنا في شبكة قوقيل بلس واقترحها :

تابع صفحتنا في الفيسيبوك:

ليصل جديدنا إلى بريدك تفضل بالاشتراك