Comments - Thủ thuật đánh số cho bình luận trong Blogger

Thỉnh thoảng lướt qua một số blogpot bạn sẽ thấy các nhận xét của độc giả được đánh số từ 1 đến N số nhận xét cho bài viết. Có thể nhiều blogger không thích thủ thuật này song về một phương diện nào đó thì nó cũng giúp cho blogspot của bạn khác với các blog khác. Ngoài ra thủ thuật blogger này nó còn giúp độc giả tìm bất kỳ một nhận xét nào đó dễ dàng hơn. Giúp bạn thiết kế website và seo tốt hơn là sử dụng các dịch vụ SEO của các công ty SEO.

>>Comments - Thủ thuật đánh số cho nhiều hơn 200 bình luận trong Blogger

>>Popular Posts - Bài viết phổ biến cho Blogger - Version 1

>>Chèn quảng cáo Google Adsense...vào bài viết trong Blogger

>>Related Posts - Tạo bài viết liên quan cho Blogger 

1. Đăng nhập vào tài khoản Blogger

2. Vào phần Mẫu (Design)
3. Chọn Chỉnh sửa HTML

4. Tìm đoạn code sau:.

<b:loop values='data:post.comments' var='comment'>

-  Thay thế nó thành:

<script type='text/javascript'>var CommentsCounter=0;</script>
<b:loop values='data:post.comments' var='comment'>
<div class='' expr:id='data:comment.id'>

5. Tiếp tục tìm dòng code:

<data:commentPostedByMsg/>

Và chèn bên dưới nó bằng đoạn code sau đây:

<span class='comment-number'>
<a expr:href='"#comment-" + data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

6. Kế đến kéo xuống dưới một chút sẽ thấy đoạn code:

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

- Thêm thẻ </div> vào sau đoạn code ở trên.8. Thêm đoạn code CSS dưới đây vào trước thẻ ]]></b:skin>.

.comment-number {
float: right;
background: url(Link ảnh nền) no-repeat;
width:50px;
height:50px;
margin-right: 15px;
margin-top: -35px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 18px;
font-weight: bold;
}

/*since the numbers are actually links, we need to force the color properties*/

.comment-number a:link, .comment-number a:visited {
color: #445566 !important;
text-decoration: none !important;
}
.comment-number a:hover, .comment-number a:active {
color: #FF9933 !important;
text-decoration: none !important;
}

Bạn có thể thay hình nền cho số đếm nhận xét theo URL đánh dấu màu đỏ. Nếu vị trí số đếm không cân xứng với hình nền thì bạn điều chỉnh thông số ở 2 dòng bên dưới.margin-right: 15px; margin-top: -35px;

- Mẫu này có nhược điểm là chỉ hiển thị được vopwis bài viết có từ 200 nhận xét trở xuống, với các bài viết trên 200 nhận xét khi sang trang mới sẽ bắt đầu ếm lại từ đàu do vật bạn xem bản cập nhật Tại đây