Thủ thuật đánh số cho “Comment”

Một số chủ nhân blog cũng như các khách viếng thăm ban đầu đều cho rằng “đánh số” cho các comment là không cần thiết, một số khác lại cho rằng quá khó để thực hiện điều này.

Thực sự là thế nào, không cần thiết hay là quá khó để thực hiện? Nếu là bạn bạn sẽ làm thế nào? Riêng với phattrienso là phải thừ mới biết, thử xem khó thế nào? Thử xem bạn bè nhận xét ra sao.

Chúng ta bắt đầu thử thực hiện từng bước một để đánh số cho nhận xét nhé. Trước hết chúng ta cùng đánh giá xem sự lợi và hại của nó cái đã.
Ưu điểm (Advantages):
• Trông đẹp đẽ với mỗi một nhận xét có 1 số thứ tự gắn cho nó.
• Cho phép bạn lấy permalink cho mỗi một nhận xét, có thể sử dụng trong các bài viết trong tương lai (vd: Trong một bài viết mới nhất bạn có thể trích dẫn như sau “Bạn tham khảo nhận xét số … tại [ địa chỉ URL bài viết tham khảo].
• Blog nhìn pro với thiết kế đánh số cho nhận xét.
Nhượg điểm (Possible disadvantage):
• Mỗi một nhược điểm là nó làm cho bạn nghĩ rằng làm thế khó và dài quá mà thôi.

Nào chúng ta sẽ bắt đầu từ:

Truy cập vào Layout l Edit HTML trong Bảng điều khiển blog của bạn. Check vào ô chọn "Expand widget templates", sau đó tìm kiếm (find) tới những dòng code như dưới và bạn Thêm vào các code được đánh dấu xanh đậm như ở dưới:

<b:includable id='comments' var='post'>
........
<dl id='comments-block'>
<script type='text/javascript'>var CommentsCounter=0;</script>
<b:loop values='data:post.comments' var='comment'>
<div class='' expr:id='data:comment.id'>
<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>
<data:commentPostedByMsg/>

<!—Có thể blog của bạn không có dòng này, nếu không có điều đó cũng không quan trọng -->
<span class='numberingcomments'>
<a expr:href='"#comment-" + data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
</dt>
<dd class='comment-body'>
.......
</dd>
</div>
</b:loop>
</dl>

Bạn nhất thiết phải thêm code dưới vào trước ]]></b:skin>:

.numberingcomments{
float: right;
display: block;
width: 50px;
margin-right: 5px;
margin-top: -35px; /*comments-counter position*/
text-align: right;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 30px;
font-weight: normal;
}
/*Màu sắc do bạn lựa chọn để phù hợp với blog của mình */

.numberingcomments a:link, .numberingcomments a:visited {color: #445566 !important; text-decoration: none !important;}
.numberingcomments a:hover, .numberingcomments a:active {color: #FF9933 !important; text-decoration: none !important;}

Như vậy chúng ta đã thực hiện xong các bước cần thiết, chúc các bạn thành công với thủ thuật này.

phattrienso dịch và áp dụng từ Nguồn: Vagabundia và Blogger Buster Forums.

Share on Facebook Share on Twitter Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.