Ví dụ minh họa về việc đánh số thứ tự cho nhận xét (comment) trên blogger |
Hướng dẫn
- Đăng nhập vào Blogger, chọn Thiết kế, chọn tiếp Chỉnh sửa HTML. Sau đó check vài ô "Mở rộng mẫu tiện ích"
- Chèn đoạn mã dưới đây trước thẻ </head> (Bấm Ctrl+F để tìm nhé)
<!--COMM-NUM-STARTS-->- Tìm đến đoạn mã này:
<style type="text/css">
.comm-num a:link, .comm-num a:visited {
color: white !important;
text-decoration: none !important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZgx6fe246GIs_Jf-A2UtlON0rl6UMK7rrc5PRerkZ1BFBS2BsRLa-moTvsYeUCfo6qbzHfwrLDtg9tL0X9DuEIFXoKfcTaCYugEBLLfhoWTkKdwcl0XzPDpiLA7WZrsket4Ex-rghAKg/s1600/o5oupx.jpg) no-repeat;
width: 50px;
height: 48px;
float: right;
display: block;
margin-right: 5px;
margin-top: -15px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 15px;
font-weight: normal;
}
.comm-num a:hover, .comm-num a:active {
color: gray !important;
text-decoration: none !important;
}
</style>
<!--COMM-NUM-STOPS-->
<b:loop values='data:post.comments' var='comment'>Thay đoạn mã vừa tìm được bằng đoạn mã bên dưới:
<script type='text/javascript'>var CommentsCounter= 0;</script>- Tìm đến đoạn mã này:
<b:loop values='data:post.comments' var='comment'>
<data:commentPostedByMsg/>Nếu không có thì tìm đoạn mã này:
<data:comment.timestamp/>Chèn đằng sau đoạn mã vừa tìm được bằng đoạn mã bên dưới:
<!--COMM-NUM-STARTS-->- Bạn chọn Lưu mẫu nữa là xong rồi đó.
<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
<!--COMMNUM-STOPS -->
Chúc các bạn thành công!