Thủ thuật đếm số nhận xét cho blogspot

Sau bài viết Khung comment phân cấp đẹp cho blog , hôm nay vlpm4st3r sẽ hướng dẫn các bạn thủ thuật đánh dấu thứ tự comment cho blog của bạn.

How to creat Numbered comments on my blog

Vào chỉnh sửa mẫu, chọn "Mở rộng mẫu tiện ích"

Tìm đoạn code sau:

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

Dán đoạn code sau vào trước nó

<script type='text/javascript'>var CommentsCounter=0;</script>
Tiếp tục tìm đoạn:
 <a expr:name='data:comment.anchorName'/>
Thêm đoạn code sau ngay sau nó:

<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
Cuối cùng, chèn đoạn code sau đây trước thẻ đóng ></b:skin> :

.comm-num a:link, .comm-num a:visited {
color: #000 !important;
text-decoration: none !important;
background: #F7F7F7;
border: 1px solid #ddd;
width: 35px;
height: 20px;
float: right;
display: block;
padding:2px;
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}

.comm-num a:hover, .comm-num a:active {
color: gray !important;
text-decoration: none !important;
}

Nếu có một vốn hiểu biết về css các bạn có thể chỉnh sửa lại đoạn css trên cho phù hợp với blog nhé.