Highlight Admin comments trong Blogspot

9 thg 3, 2012

Như các bạn biết tất cả các comments ( của khách cũng như của chủ Blog ) mặc định đều có style giống nhau. Và sẽ thật khó khăn để xác định đâu là comments của quản trị Blog nếu một bài viết có quá nhiều comment.
Thủ thuật sau đây iTechPlus sẽ hướng dẫn các bạn tạo một style khác ( màu chữ, font chữ, đường viền,…) cho comment của chủ Blog ( author comments ).
Hightlight Comments Author in Blogger
Hình minh họa
* Cách thực hiện :
1. Vào Thiết kế > Chình sửa HTML > Click Mở rộng mẫu tiện ích
2. Dán code bên dưới vào trước dòng </b:skin>
.author-comments {
background: #ffffff;
border: 2px solid #666666;
padding: 5px;
}
Đoạn code trên sẽ tạo đường viền cho admin comments, bạn có thể thay đổi background, màu chữ,…tùy thích.
3. Tìm đoạn code này :
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<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>
said...
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
 
<dd class='comment-body'>
<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'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
và dán code màu xanh ( in đậm ) vào như bên trên.
4. Save template.
Chúc các bạn thành công !
Theo Deluxetemplate
Tags: ,

Ý kiến bạn đọc [ 0 ]


Ý kiến của bạn

:)) ;)) ;;) :D ;) :p :(( :) :( more »

Lên đầu trang
Xuống cuối trang