Đánh số thứ tự comment cho blogger

Điểm 4.6/5 dựa vào 87 đánh giá

(Traidatmui.com) – Chắc hẳn đã có nhiều bạn quan tâm và biết đến thủ thuật "Đánh số thứ tự cho các comment" trên blogger. Ở đây mình cũng chia sẻ lại thủ thuật này để những bạn lần đầu tiếp xúc với việc tạo blog hay chưa có ý tưởng cho việc này có thể tham khảo. Vâng ngay tên gọi thì cũng đã giúp bạn biết được tác dụng của thủ thuật này. Nó sẽ giúp bạn đánh số cho các comment theo trình tự được xuất trên blog của bạn. bạn có thể xem hình ảnh minh họa bên dưới.

Ảnh minh họa


☼ Bắt đầu thủ thuật

1. Đầu tiên bạn vào tài khoản blogspot
2. Vào phần thiết kế chọn chỉnh sửa HTML (chọn phần mở rộng mẫu)
3. Chèn đoạn css bên dưới vào trước thẻ ]]></b:skin>
.comm-num {
color: white !important;
text-decoration: none !important;
background: url(http://lh4.ggpht.com/_BTztXRwC9ik/THY1uzAqJuI/AAAAAAAAC80/mU84TU8xDPY/vv.png) no-repeat; /* Ảnh nền của số thứ tự*/
width: 35px; /* Độ rộng của số thứ tự*/
height: 33px; /* Chiều cao của số thứ tự*/
float: right;
display: block;
margin-right: 0px;
margin-top: -12px;
text-align: center;
font-family: vardana;
font-size: 13px;
font-weight: normal;
}

4. Bạn tìm đến dòng code như bên dưới (CTRL F)
<b:loop values='data:post.comments' var='comment'>

Thêm vào trước code vừa tìm được dòng code màu đỏ như bên dưới
<script type='text/javascript'>var CommentsCounter= 0;</script>
<b:loop values='data:post.comments' var='comment'>

5. Tiếp theo bạn tìm đến dòng code hoặc tương tự bên dưới
<data:commentPostedByMsg/>

Thay dòng code vừa tìm được thành code bên dưới
<data:commentPostedByMsg/>
<span class='comm-num'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</span>

6. Cuối cùng save template lại là xong.

Chúc bạn thành công

Loading...

9 nhận xét

  1. sao cái này em ko có thẻ help em với

    Trả lờiXóa
  2. em hãy trình bày vấn đề của em rỏ hơn nhe, a mới giúp em được

    Trả lờiXóa
  3. Em làm y như anh nhưng sao nó ko hiện, còn mất avatar của người comment nữa anh Dinh ơi, anh qua blog em xem thử giúp em nha!

    Trả lờiXóa
  4. Em hãy xem kỹ các dòng code mà em thay thế đã đúng chưa nhe em. Hãy xem kỹ lại. Thủ thuật này không ảnh hưởng đến ảnh avatar.Trước khi em thực hiện thủ thuật hãy sao lưu lại template để có thể phục hồi khi gặp sự cố.

    Trả lờiXóa
  5. Thank TDM nhé, mình làm được phần đánh số thứ tự comment rồi nhưng nhìn thấy bạn có Bubble comment-total trông hay quá, muốn làm giống của bạn (Phần tổng số comment hiển thị - 4 comments bên trên ý). Hướng dẫn giúp mình với nhé, mình gamo lắm! :-/

    Trả lờiXóa
  6. SAo code của em không có thẻ data:commentPostedByMsg/ ở bước 5 anh Đình à.

    Trả lờiXóa
  7. Ah em hãy check phần mở rộng mẫu tiện ích để thấy toàn bộ code HTML của template nhé

    Trả lờiXóa
  8. Cái này có thể là do chỉnh rừ trước bạ đã thay code đó thành 1 code khác từ trước rồi

    Trả lờiXóa
  9. Thank bạn nhiều...trang bạn thật hữu ích ;;)

    Trả lờiXóa