Home » Thủ thuật blog
Modify Form Comment : Bài 11 - Gắn Tem cho bài comment đầu tiên
Thứ Hai, 27 tháng 7, 2009
Theo yêu cầu của bạn Tài (roboonline.blogspot.com)

Có 1 điểm mình chưa khắc phục được, đó là tạm thời 2 thủ thuật ở bài 10 và bài 11 chưa thể sử dụng chung được. Tức là không thể áp dụng cùng 1 lúc 2 thủ thuật này. Sau này mình sẽ khắc phục sau.
Đây là hình ảnh minh họa kết quả mình đã thực hiện:

☼ Sau đây là các bước thực hiện :
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chèn đoạn code CSS bên dưới vào trước dòng code ]]></b:skin>
.comment-body.first {
background:url(http://farm3.static.flickr.com/2589/3761562886_8357d61da8_o.gif) no-repeat right top;
}
4. Tiếp tục chèn đoạn code javascript bên dưới vào sau dòng code ]]></b:skin>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".comment-body:first").addClass("first");
});
</script>
- Lưu ý : đố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.
5. Save template.
Chúc các bạn thành công.

- Bài viết liên quan cho blogspot - Hiệu ứng ảnh thu nhỏ
- Thủ thuật thêm thống kê Blog 3 trong 1 cho blogspot
- Các truy vấn cơ bản với Blogspot
- Chèn Chabox Gtalk vào BlogSpot.
- Chèn link Google Search vào footer của bài viết
- Thêm Reactions vào bài viết của blogspot
- Hướng dẫn Bảo mật data blogger
- [ Yêu cầu ] - Ẩn 1 bài viết bất kỳ trong tiện ích Popular Posts
- [Chia sẻ] - Tạo hộp thoại thông báo cho blog
- [Update] - Tạo số đếm cho các comment của blogspot
- Tạo thumbnail cho ảnh với CSS
- Hướng dẫn SEO link cho Blogspot
Comments[ 0 ]
Đăng nhận xét