Hướng dẫn đánh số thứ tự nhận xét Blogger (Blogspot)

Mặc định đối với những Blog cho phép Ẩn danh gửi nhận xét (comment) thì khi những Ẩn danh này gửi nhận xét lên đều có chung 1 tên là "Nặc danh" ("Anonymous"). Do đó, việc xưng hô giữa các nặc danh là rất khó. Vậy nếu ta đặt bên cạnh mỗi nặc danh là 1 con số khác nhau để phân biệt thì sao? Chắc chắn là việc giao lưu, hỏi đáp sẽ dễ hơn rất nhiều rồi. Vậy làm sao để đặt tên cho mỗi nhận xét là 1 con số khác nhau? Bài viết dưới đây mình sẽ hướng dẫn các bạn đánh số thứ tự cho bài viết nhận xét (comment) trong blogger (blogspot) mà DoPhuQuy's Blog đang dùng (Các bạn có thể xem hình minh họa bên dưới)

Ví dụ minh họa về việc đánh số thứ tự cho nhận xét (comment) trên blogger

Hướng dẫn
- Đăng nhập vào Blogger, chọn Thiết kế, chọn tiếp Chỉnh sửa HTML. Sau đó check vài ô "Mở rộng mẫu tiện ích"
- Chèn đoạn mã dưới đây trước thẻ </head> (Bấm Ctrl+F để tìm nhé)

<!--COMM-NUM-STARTS-->
<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: white !important;
text-decoration: none !important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbOOVG2Iy5cUVX5VL_R10G7W4bm6n1qfBYCOEJUmTKIigGaBd4khLuZ39Axgzz8xFvMh8GwuTmpqj3Dc7eqtGzWdN-g5cWGtQlB16qw0CefwRA1k6z2Yul3OI6fMrTXqxADrIiHZgh9ug/s1600/o5oupx.jpg) no-repeat;
width: 50px;
height: 48px;
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
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;
}
</style>
<!--COMM-NUM-STOPS-->

- Tìm đến đoạn mã này:

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

Thay đoạn mã vừa tìm được bằng đoạn mã bên dưới:

<script type='text/javascript'>var CommentsCounter= 0;</script>
<b:loop values='data:post.comments' var='comment'>

- Tìm đến đoạn mã này:

<data:commentPostedByMsg/>

Nếu không có thì tìm đoạn mã này:

<data:comment.timestamp/>

Chèn đằng sau đoạn mã vừa tìm được bằng đoạn mã bên dưới:

<!--COMM-NUM-STARTS-->
<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>
<!--COMMNUM-STOPS -->

- Bạn chọn Lưu mẫu nữa là xong rồi đó.
Chúc các bạn thành công!