How to Make a Difference by Admin Comments Visitors

How to Make a Difference by Admin Comments Visitors - In this review I will be a little time to share with you the tips which you can use to beautify and also distinguishing between the comments and the admin so that we can change it by editing a bit on her blogger.
Here's Guide to Making Comments admin and Visitors Different
1. Log in to Blogger.
2. Select Template.
3. Choose Edit HTML.
4. Tick ​​the box 'Expand Widget Templates'.
5. Find the code]]> </ b: skin> use CTRL + F, and place the following code just above it.


.comment-body-author {background: #F0F8FF;border:1px dotted #000000;margin:0;padding:0 0 0 20px; }
Description:
# F0F8FF = HTML code used as background color you want to comment author.
Thickness = 1px border or margin author comments,
# 000000 = HTML color code you want to be a border color for author comments.

6. Then, look for the black code-like code below, then paste / put code red to their designations as below.

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<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>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
 <b:else/>

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

</b:if>
<dd class='comment-footer'>
Description:
make sure you download / backup your template first, to anticipate errors in HTML editing.

7. Finally, click 'save', and finishes.

Thus my review this time Admin Comments on How to Make Different from offline and hopefully can help.

No comments:

Post a Comment