Thứ Tư, 1 tháng 2, 2017

Đánh số thứ tự cho khung nhận xét cho Blogspot

Khung nhận xét cơ bản đã là trực quan, tuy nhiên một số bạn còn muốn thêm đánh số thứ tự cho nhận xét. Việc đánh số thứ tự cho nhận xét giúp chỉ đích danh nhận xét đó và bài viết này sẽ giúp bạn làm điều đó. Số thứ tự được ghi theo thời gian nhận xét, có nghĩa nhận xét nào có trước sẽ được đánh số trước, nhận xét nào có sau sẽ được đánh số sau. Vì khung nhận xét không sắp xếp theo thời gian nhận xét nên đương nhiên số thứ tự nhận xét cũng không xuất hiện tăng dần.
Đánh số thứ tự cho khung nhận xét cho Blogspot


Bước 1: Thêm đoạn mã dưới đây vào trước thẻ]]></b:skin>trong template của bạn.
.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}

Bước 2: Thay thế đoạn mã(function() {trong template của bạn bằng đoạn mã dưới đây: 
var items_copy=[];
(function() {

Bước 3: Thay thế đoạn mãvar items = <data:post.commentJso/>;trong template của bạn bằng đoạn mã dưới đây: 
var items = <data:post.commentJso/>;
items_copy=items;

Bước 4: Thêm đoạn mã dưới đây vào sau thẻ<data:post.commentHtml/>trong template của bạn. 
<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>


Số thứ tự nhận xét có thể khiến khung nhận xét của bạn trở nên rối mắt, hãy cân nhắc trước khi sử dụng.

Related Posts:

  • Tạo hiệu ứng ứng tuyết rơi cho Blogger Hướng dẫn tạo hiệu ứng ứng tuyết rơi cho Blogger/Website cực tuyệt đẹp. Hiệu ứng này với ưu điểm khá đơn giản tối ưu tốc độ tải trang của bạn. Bạn truy cập blogger.com → Mẫu → Chèn đoạn Code sau vào bên trên thẻ… Read More
  • Tạo phân trang page navigation cho BloggerHôm nay mình xin tiếp tục chia sẻ các bạn thanh điều hướng page navigation, nó sẽ giúp các bạn đánh số trang bài viết có trên trang chủ của mình, rất quan trọng nếu blog của bạn có số lượng bài viết lớn. Thanh điều h… Read More
  • Thêm style cho khung comments blogger Demo: Cách thêm như sau: Bước 1:  Vào Teamplate chọn Edit HTML Bước 2:  Nhấn CTRL+F Nhập từ khóa: Code: ]]></b:skin> Thêm trước vào đó code sau: Code: .comments .comment-block { background:&… Read More
  • Hướng dẫn tạo hiệu ứng hoa mai rơi tuyết rơi lá rơi cho Blogger Hôm nay mình hướng dẫn các bạn hiệu ứng hoa mai rơi giúp cho blog của bạn trở nên đẹp hơn trong không khí ngày Tết cổ truyền của dân tộc. Ngoài ra các hiệu ứng hoa anh đào rơi, hiệu ứng lá rơi (khi trời chuyển sang thu)… Read More
  • Tạo Style top bài viết cực đẹp cho BlogspotBài viết hướng dẫn bạn Tạo Style top bài viết cực đẹp cho Blogspot có giao diện như hình dưới. Ban đầu mình định sử dụng CSS 3 tuy nhiên vì muốn hiển thị cả trên IE7 nên lại chuyển về CSS 2, trong đó thì việc đánh số là CSS… Read More

0 nhận xét:

Đăng nhận xét