السلام عليكم ورحمة الله وبركاته
تعتبر التعليقات من بين أهم الوسائل المساعدة على كسب متابعين دائمين و ذلك بحيث التفاعل مع الزوار و طرح النقاشات أو أراء و إستفسارات كذلك أيضا و في هذه التدوينة أحبابي في الله سوف أتطرق لخدعة بسيطة تميز من خلالها تعليقات الكاتب عن تعليقات الزوار من أجل سهولة الفهم ما بين المعلقين وأيضا كتزين تعليقك و تخصيصه عكس الاخرين المهم ننتقل إلى شرح كيفية التركيب,
1- نقوم بالذهاب للوحة التحكم ثم القالب نقوم بحفظ نسخة منه تفاديا لأي مشاكل
2- نقوم بتحرير html ثم ننقر في نفس الوقت على ( ctrl+f )   
3- ثم نبحث عن هذا الكود أو جزء منه

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

<b:if cond='data:blog.pageType == "static_page"'>
<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 == "item"'>
<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>

.comments{clear:both;margin-top:10px;margin-bottom:0;line-height:18px;font-size:13px}.comments .comments-content{margin-bottom:16px;font-weight:normal;text-align:right}.comments .comment .comment-actions a,.comments .comment .continue a{display:inline-block;margin:0 0 10px 10px;padding:0 15px;color:#424242 !important;text-align:center;text-decoration:none;background:#fede72;border:1px solid #fec648;border-radius:2px;height:26px;line-height:28px;font-weight:normal;cursor:pointer}.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:none}.comments .comments-content .inline-thread{padding:0}.comments .comments-content .comment-thread{margin:8px 0}.comments .comments-content .comment-thread:empty{display:none}.comment-replies{margin-top:1em;margin-right:40px;background:#fff}.comments .comments-content .comment{margin-bottom:0;padding-bottom:0}.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:normal}.comments .comments-content .user a{color:#fefefe;font-weight:normal;text-decoration:none}.comments .comments-content .icon.blog-author {
position: absolute;
top: -3px;
left: -3px;
margin: 0;
background-image: url(http://im39.gulfup.com/8wnUv.png);
width: 60px;
height: 44px;
}
.comments .comments-content .datetime a {
padding: 0 10px 10px 47px;
color: #fefefe;
font-size: 12px;
float: left;
text-decoration: none;
}.comment-content{margin:0 0 8px;padding:0 5px}.comment-header{font-size:18px;background-color:rgb(248, 211, 61);border-bottom:1px solid #fec648;padding:3px}.comments .comments-content .owner-actions{position:absolute;left:0;top:0}.comments .comments-replybox{border:none;height:230px;width:100%}.comments .comment-replybox-thread{margin-top:0}.comments .comment-replybox-single{margin-top:5px;margin-right:48px}.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}.comments .thread-toggle{cursor:pointer;display:inline-block}.comments .comments-content .loadmore{cursor:pointer;max-height:3em;margin-top:0}.comments .comments-content .loadmore.loaded{max-height:0;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-left:4px}.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent}.avatar-image-container{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXB29gXNEu23b28LQbve-KC49vWqjJOK-zoRt7M8KBgnqDnWfWIxAqNkxu5XTADT6YfyeTy0Dro1U5dZskiezI16XvtckOGYp-ySsi2yarOGaYRgny9MWCGASVNS950K0VmTzLZbxmDjs/s51/arrow.png) top left no-repeat;float:right;vertical-align:middle;overflow:hidden;width:65px !important;height:51px !important;max-width:65px !important;max-height:51px !important}.comments .avatar-image-container img{padding:2px;border:1px solid #ccc;width:45px !important;height:45px !important;max-width:45px !important;max-height:45px !important}.comments .comment-block{margin-right:65px;position:relative;border:2px solid rgb(184, 184, 182);}@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-right:0}}