طريقة تفعيل والغاء تفعيل التعليقات المترابطه علي منصة بلوجر

السلام عليكم ورحمة الله وبركاتة .. كنت قد تحدثت في تدوينتي المصغره السابقه عن التحديث الجديد الذي اجرته منصة بلوجر علي نظام التعليقات لديها ولتفاصيل اوفى يمكنكم قراءة التدوينة المصغره من خلال الرابط التالي :
 التعليقات المترابطه تحديث جديد على نظام تعليقات منصة بلوجر
والان سنستعرض معا طريقة تفعيل التحديث على قوالب مدونة بلوجر.
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.     تم الانتهاء من الشرح بحمد الله وتوفيقه!

أصدقاء(تطوير ويب)
تعليقات Facebook
7تعليقات Blogger

7 عدد التعليقات على موضوع طريقة تفعيل والغاء تفعيل التعليقات المترابطه علي منصة بلوجر

عمر شكري يقول...

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

Mohd Amin يقول...

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

tqarob weblog يقول...

@Mohd Amin
لا تشكل اي صعوبه في التصفح اخي وقد جربت تصفح اكثر من مدونه قامت بتطبيقها
وللعلم منصة بلوجر اعلنت انها قريبا ستضع تبويب صغير في لوحة التحكم يتيح لكاتب المدونه الاختيار مابين تفعيلها وبين تعطيلها لكن لم يوضحو متى !!

ياسر إسماعيل يقول...

أخى العزيز : مدونتك أكثر من رائعه ومجهودك كبير جدا
فعلا تعليقات جوجل الجديده بها الكثير من المشاكل والعيوب فضلا عن عدم توافر سى اس اس جاهز لها
عموما تدوينه رائعه
وإن شاء الله نتعاون عن قريب لإنتاج ما هو أفضل فى مجال التدوين

tqarob weblog يقول...

@ياسر إسماعيل
شهادتك وسام للمدونة اخى العزيز ياسر , بخصوص التعليقات المترابطه كلامك سليم فالامر يحتاج بعض التمهل تمنياتي بدوام التواصل بيننا

وليد الصباحى يقول...

انا افضل الانتظار وكمان نظام التعليقات الحالي مش وحش
بس ده مايمنعش مجهودك الواضح في الشرح بانتظار جديدك..

أحمــد ( مدونة تقارب ) يقول...

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

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .