السلام عليكم ورحمة الله وبركاتة .. كنت قد تحدثت في تدوينتي المصغره السابقه عن التحديث الجديد الذي اجرته منصة بلوجر علي نظام التعليقات لديها ولتفاصيل اوفى يمكنكم قراءة التدوينة المصغره من خلال الرابط التالي :
 التعليقات المترابطه تحديث جديد على نظام تعليقات منصة بلوجر
والان سنستعرض معا طريقة تفعيل التحديث على قوالب مدونة بلوجر.
1- قم بالذهاب الى لوحة تحكم مدونة بلوجر ثم الى اعدادات ثم الى تغذية الوقع واجعل الاعدادات كما في الصوره تماما.
2- اذهب مجددا الى تصميم ثم تحرير HTML وابحث عن الكود الموجود بالاسفل

<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>
</b:includable>

قم باستبدال الكود الذي ظللته كاملا بالكود الموجود بالاسفل

<b:includable id='threaded_comment_css'>
  <style>
.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1em;
}
.comments .comments-content {
  font-size: 12px;
  margin-bottom: 16px;
font-family: Verdana;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .comment .comment-actions a {
background:#1F9EE5;
cursor:pointer;
color:#ffffff;
padding:2px 3px; margin-right:10px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:9px sans-serif; border:1px solid #1F9EE5;

}
.comments .comment .comment-actions a:hover {
  text-decoration: none; background:#5AB1E2; border:1px solid #5AB1E2;
}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: none;
}
.comments .comments-content .inline-thread {
  padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
  margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
  display: none;
}
.comments .comments-content .comment-replies {
  margin-top: 1em;
  margin-left: 40px;   font-size:12px; background:#EBF5FE;
}
.comments .comments-content .comment {
  margin-bottom:16px;
  padding-bottom:8px;

}
.comments .comments-content .comment:first-child {
  padding-top:16px;
}
.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
  margin-left:6px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
  margin:0 0 8px;
}
.comments .comments-content .comment-content {
  text-align:none;
}
.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}
.comments .comments-replybox {
  border: none;
  height: 250px;
  width: 100%;
}
.comments .comment-replybox-single {
  margin-top: 5px;
  margin-left: 48px;
}
.comments .comment-replybox-thread {
  margin-top: 5px;
}
.comments .comments-content .loadmore a {
  display: block;
  padding: 10px 16px;
  text-align: center;
}
.comments .thread-toggle {
  cursor: pointer;
  display: inline-block;
}
.comments .continue {
  cursor: pointer;
}
.comments .continue a {
  display: block;
  padding: 0.5em;
  font-weight: bold;
}
.comments .comments-content .loadmore {
  cursor: pointer;
  max-height: 3em;
  margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
  display: none;
}
.comments .thread-toggle {
  display: inline-block;
}
.comments .thread-toggle .thread-arrow {
  display: inline-block;
  height: 6px;
  width: 7px;
  overflow: visible;
  margin: 0.3em;
  padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
  float: left;
  width: 36px;
  max-height: 36px;
  overflow: hidden;
}
.comments .avatar-image-container img {
  width: 36px;
}
.comments .comment-block {
  margin-left: 48px;
  position: relative;
}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
  .comments .comments-content .comment-replies {
    margin-left: 0;
  }
}
  </style>
</b:includable>

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

1. اذهب الى لوحة تحكم بلوجر > تصميم> تحرير HTML
2. قم باخذ نسخه احتياطيه من قالب مدونتك.
3. اضغط علي علامه توسيع عناصر الصفحه.
4. ابحث عن الكود التالي:

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

ملحوظة: ستجد الكود الموجود بالاعلى مرتين في قالب مدونتك , قم باستبدال الاثنين بالكود الموجود بالاسفل.

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

        </b:if>

    5.    قم بحفظ قالب مدونتك.
    6.     تم الانتهاء من الشرح بحمد الله وتوفيقه!