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

(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

Xem khác cùng chủ đề

9 nhận xét | Viết lời bình

10/24/2010 05:01:00 SA Trả lời

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

Admin
10/24/2010 05:10:00 SA Trả lời

em hãy trình bày vấn đề của em rỏ hơn nhe, a mới giúp em được

11/20/2010 04:10:00 SA Trả lời

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!

Admin
11/21/2010 06:33:00 CH Trả lời

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ố.

1/13/2011 10:47:00 SA Trả lời

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! :-/

6/15/2011 06:05:00 SA Trả lời

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

Admin
6/15/2011 05:37:00 CH Trả lời

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é

6/15/2011 05:43:00 CH Trả lời

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

10/02/2011 12:43:00 SA Trả lời

Thank bạn nhiều...trang bạn thật hữu ích ;;)

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang