Gắn tem cho nhận xét đầu tiên

Tương tự thủ thuật trước, thủ thuật "Tạo màu nền riêng biệt cho các comment", hôm nay mình tiếp tục giới thiệu cho các bạn thủ thuật "Gắn tem cho bài comment đầu tiên" của mỗi bài viết. Ở bài này mình cũng dùng jQuery để chọn tag, nhưng khác với bài trước, ở bài này mình sẽ chỉ chọn 1 tag đó là tag đầu tiên. 

XEM DEMO

☼ Sau đây là các bước thực hiện :

1. Đăng nhập vào blogger.
2. Vào chỉnh sửa code HTML, chọn mở rộng mẫu tiện ích.
3. Chèn đoạn code bên dưới vào trước dòng code ]]></b:skin>

.comment-body.first {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM8OWtoSvNGcv8bekCyUAGoFqlG2mjm7QgjKYSGNPeKORZrm8v8XOU3qV-2NQT6xKnhVtMGsvh_rBd7sId_r6OE7FTqz4DvOVHnb_ZJ-ejGJBctgL3HSBJ2pON4nF24x3q05wVLA4L638Q/s31/first.gif) no-repeat right top;}

4. Tiếp tục chèn đoạn code bên dưới vào sau dòng code ]]></b:skin>

<script src='http://tanchau123.googlecode.com/files/gantem_comment1.txt' type='text/javascript'/><script type='text/javascript'>$(document).ready(function(){$(".comment-body:first").addClass("first");});</script>

Chú ý : đối với 1 số template, class chứa các bài comment không phải là comment-body vì thế các bạn hãy thay đổi tên của các class chứa các comment lại cho thích hợp, khi đó thủ thuật mới hiển thị được. Đây là một số class comment của blogspot bạn có thể thử nếu không làm được: comments-block, comments-block3, comments_block, cm_block, commentsblock … 

5. Save template và xem thành quả.
Chúc các bạn thành công!!!