تمييز تعليقات صاحب مدونة بلوجر عن تعليقات المتابعين والزوار

بسم الله الرحمان الرحيم

والسلام عليكم ورحمة الله تعالى وبركاته

أرحب بكم في مدونة استفد. ورمضان كريم لجميع المسامين

وأقدم لكم أحلى درس للبلوجر لمحبي التميز والتألق بعنوان:

تمييز تعليقات صاحب مدونة بلوجر عن تعليقات المتابعين والزوار

مثال حي في مدونتي

مثال مصور:

جميل جدا. نمر إلى طريقة التركيب:

من خلال تصميم-تحرير html:

ملاحظة:قم بأخذ نسخة احتياطية من فضلك قبل أي تعديل

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

<b:loop values='data:post.comments' var='comment'>

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

</b:loop>

ثم قم باستبداله بهذا الكود:

<b:loop values='data:post.comments' var='comment'>

<div expr:class='&quot;author-comment &quot; + data:comment.authorClass'>


<dt class='comment-author' expr:id='data:comment.anchorName'>


<b:if cond='data:comment.favicon'>


<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>


</b:if>


<a expr:name='data:comment.anchorName'/>


<b:if cond='data:blog.enabledCommentProfileImages'>


<data:comment.authorAvatarImage/>


</b:if>


<b:if cond='data:comment.authorUrl'>


<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>


<b:else/>


<data:comment.author/>


</b:if>


<data:commentPostedByMsg/>


</dt>


<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>


<b:if cond='data:comment.isDeleted'>


<span class='deleted-comment'><data:comment.body/></span>


<b:else/>


<p>


<data:comment.body/>


</p>


</b:if>


</dd>


<dd class='comment-footer'>


<span class='comment-timestamp'>


<a expr:href='data:comment.url' title='comment permalink'>


<data:comment.timestamp/>


</a>


<b:include data='comment' name='commentDeleteIcon'/>


</span>


</dd>


</div>

</b:loop>

وأخيرا ابحث عن هذا الكود:

 ]]></b:skin>

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

.comment-footer{

margin-bottom:0 !important;

}

.author-comment{

background-color:#F0FFF0;

padding:5px;

margin-bottom:1.5em;

border:1px solid #ccc;

border-radius:10px;

}

.author-comment.blog-author {

background: #FFEBCD url(https://lh3.googleusercontent.com/_-BRP4LFLyWc/TZX3b7r2AyI/AAAAAAAAATY/8Am8ri02OjE/s800/admin.png) no-repeat right top;

}

قم بالحفظ. ومبروك عليك التميز

أي استفسار لا تترددوا

والسلام عليكم ورحمة الله

Tweet

Sharing Widget byestafid

يمكنك نسخ روابط هذه التدوينة
URL
HTML
BBCode

التصنيف : دروس بلوجر