تغير شكل تعليقات بلوجر مع تمييز الكاتب بشكل أنيق

السلام عليكم في هذه التدوين أنشاء الله سأتطرق الي شرح طريقة تغير شكل تعليقات بلوجر مع تميز
الكاتب بشكل أنيق وحصري علي مدونة بوزوم هذه الاضافة تقوم بتغير شكل تعليقات بلوجر وتمييز تعليقات صاحب
المدونة عن تعليقات الزوار
الن أطيل عليكم تابعو الشرح

اذهب الى لوحة تحكم مدونتك
ثم اختر قالب
ثم تحرير HTML


قم بالبحث عن هذا الكود
أو قطع منه

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

 الان ابحث عن هذا الوسم

]]></b:skin>

ثم اضف قبله هذا  الكود

.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/AVvXsEg2mlutDV4z6QZlvQwn7q01s2JbTRlyhvW0d6QwYPwNSu6033SjYBK5UeqKQo_hK13JLqmQaLyguGYs200VVZmTIeLzMYB_Z7PBkpWwIkFOabhYTBDyP2SpwC6C-yMh4CXl54NF_dv15gk/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}}

 
ثم قم بحفظ القالب
ومبروك عليك الاضافة

من فضلك اضغظ لايك لمشاهدة لينك التحميل