Làm sao để đánh số thứ tự cho Threaded Comments blogger

Tiện ích đánh số thứ tự cho comments của blog ai cũng biết chắc mình sẽ không phải giới thiệu về các tính năng của nó nữa đúng không? Vậy mình xin vào phần hướng dẫn luôn


Bước 1: Vào blogger > Mẫu > Chỉnh Sửa HTML > Mở rộng mẫu Tiện Ích
Bước 2: Trước thẻ  ]]></b:skin>  dán code sau

.comment-thread ol {
 counter-reset: countcomments;
 }
 .comment-thread li:before {
 content: counter(countcomments,decimal);
 counter-increment: countcomments;
 float: right;
 font-size: 22px;
 color: #555555;
 padding-left:10px;
 padding-top:3px;
 background: url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN9MrOqzQ0SyjO9pkRkbWaaIYo_iSFn4YP3b8IE8dK84TK5T3dplesMzt4D37-tJvlEQfL1Ow4bqj55PFU8Nt_RVEhP9m99OXojapUPXMHGCmkA2co9d4Kjusju7LeoFZFbFQwMFJgNPvR/h120/comment+bubble2.png) no-repeat;
 margin-top:7px; 
 margin-left:10px; 
 width: 50px; /*image-width size*/
 height: 48px; /*image-height size*/ 
 }
 .comment-thread ol ol {
 counter-reset: contrebasse;
 }
 .comment-thread li li:before {
 content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
 counter-increment: contrebasse;
 float: right;
 font-size: 18px;
 color: #666666;
 }
Bước 3: Lưu lại và hoàn thành


  • Nếu bạn muốn loại bỏ bong bóng bình luận hãy xóa hết các phần chữ màu đỏ đi
  • Nếu bạn muốn thay thế bong bóng bình luận, thay thế mã của dòng chữ màu xanh lá với địa chỉ URL của bạn biểu tượng của bạn.
  • Luôn luôn sao lưu trước khi thay đổi mẫu


Chúc bạn vui vẻ!
0 Comments
Comments

Cảm ơn bạn đã ghé thăm Troll VL !
» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>

Insert Emoticons
:cuoi
:hihi
:thank
:haha
:meu
:cry
:oaoa
1cuoi
:D
@@
:p
:o
:vi
:ko
:ca
:why
:xin
:lanh
:im
:aoi
:ado
:mda
:tat
0:khoa
a:ab
k:ac
q:ad
w:ae
e:af
l:ag
g:ah
8:ai
9:aj
9:ag
:9a
*Phải có khoảng trống trước các code mới hiển thị mặt cười


Mã Hóa Code Tạo và xem trước comments Cancel Reply
-->