Gắn Tem phân biệt Admin – Visitor cho Comments

Hôm nay mình sẽ giới thiệu đến các bạn một thủ thuật với chức năng trong Blogspot nhằm phân biệt đâu là comments của quản trị Blog, và đâu là comments của Visitor.

Ảnh minh họa

Các bước thực hiện :

1. Vào Thiết kế > Chỉnh sửa > Mở rộng mẫu tiện ích.

2. Chèn đoạn code bên dưới trước thẻ đóng </b:skin>

.authortem{font-size:10px;font-weight:700;line-height:1em;color:#FFF;float:left;margin:0;padding:1px;border:1px solid #ddd}
.admintem{background:#F60;margin:0;padding:2px}
.visitortem{background:#06F;margin:0;padding:2px}

3. Tìm đoạn code sau trong template :

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

và chèn đoạn code bên dưới vào phía trên nó :

<div
class='authortem'> 
<b:if
cond='data:comment.author == data:post.author'> 
<div
class='admintem'>ADMIN</div> 
<b:else/>
<div
class='visitortem'>VISITOR</div> 
</b:if>
</div>
<div
style='clear:both'/>

Các bạn có thể thay đổi chứ ADMIN và VISITOR theo chữ mà mình muốn hiển thị.
Khi đó đoạn code trông giống như sau:

<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'> 
……………………………………………………….     
<div class='authortem'> 
<b:if cond='data:comment.author == data:post.author'> 
<div class='admintem'>ADMIN</div> 
<b:else/> 
<div class='visitortem'>VISITOR</div> 
</b:if> 
</div> 
<div style='clear:both'/>
<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:loop> 
  </dl> 
  </div>

* Lưu ý : nếu bạn không thể tìm được đoạn code ở bước 3 thì có thể tìm đoạn code giống bên dưới :

……………………………..
<data:commentPostedByMsg/>
</dt>

và chèn code của thủ thuật dưới phía nó.
4. Cuối cùng các bạn Lưu tamplates lại, thế là xong.
 Chúc các bạn thành công!!!

Nguồn: iTechPlus.info 

Văn Tùng