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

الحمدلله رب العالمين والصلاة والسلام على خير المرسلين ..

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

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

◄ المميزات:

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

◄ العيوب:

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

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

الخطوة الأولى: 

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

الخطوة الثانية:

• توجه إلى “الإعدادت” > “ مشاركات وتعليقات”
• واختر لموقع التعليقات ، الخيار “مُضمن” 

بالصور:

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

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

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

<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*/

 

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

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

يمكنك زيارة الموضوع في مدونة البلوقر من هنا حيث تم النقل 

Tweet

تصنيف : جوجل أدسنس والمدونات