Đánh số thứ tự cho nhận xét (Thread comment)
Bài viết này mình sẽ hướng dẫn các bạn cách tạo số đếm cho Thread Comment mới của blogger, số thứ tự được đánh theo thời gian nhận xét đó được đăng so vậy thứ tự của mỗi nhận xét cũng không theo thứ tự từ trên xuống dưới nếu không muốn nói là lộn xộn :)


» Cách đánh số thứ tự cho nhận xét phân cấp (Thread comment) của blogger.

1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template) → Chọn Chỉnh sửa HTML (Edit HTML)
3. Thêm đoạn mã dưới đây vào trước thẻ đóng ]]></b:skin>:
.comments-number{position:absolute;top:55px;left:-44px;border-radius:10px;background:#d80556;width:20px;height:20px;font-size:10px;line-height:2em;color:#fff;text-align:center}
.comments .comment-thread.inline-thread .comments-number{top:44px;left:-38px}

4. Tìm đoạn mã bên dưới:
(function() {
Thay thế nó thành:
var items_copy=[];
(function() {

5. Tìm tiếp đoạn mã:
items = <data:post.commentJso/>;
Thay thế nó thành:
var items = <data:post.commentJso/>;
items_copy=items;

6. Tìm đoạn mã sau:
<data:post.commentHtml/>
- Thêm vào sau nó đoạn mã bên dưới:
<script type='text/javascript'>
//<![CDATA[
for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);b=a.innerHTML+'<span class="comments-number">'+(i+1)+'</span>';a.innerHTML=b}
//]]>
</script>

» Cập nhật: Tạo permalink  cho số đếm phần nhận xét

Nếu bạn muốn có permalink cho số đếm tức là liên kết khi bạn bấm vào đó sẽ có URL của nhận xét đó thì bạn làm như sau:
- Tìm đoạn code mình tô màu xanh ở bước 6 bên trên:
<span class="comments-number">'+(i+1)+'</span>

- Thay thế nó thành một trong 2 đoạn bên dưới:
+ Đoạn 1: Bấm vào sẽ mở ra liên kết của nhận xét và trang sẽ phải tại lại.
<a class="comments-number" href="'+items_copy[i].permalink+'" rel="nofollow">'+(i+1)+'</a>
+ Đoạn 2: Bấm vào sẽ xuất hiện permalink của nhận xét và trang của bạn không bị tải lại.
<a class="comments-number" href="#c'+items_copy[i].id+'" rel="nofollow">'+(i+1)+'</a>

- Lưu lại và kiểm tra kết quả bạn đã làm được.