Tạo nút cancel reply comment cho Blogger

Nút cancel reply có tác dụng hủy bỏ thao tác reply một bình luận nào đó, nếu không có nút này thì người đọc phải kéo xuống cuối danh sách các bình luận để nhấn nút add comment . Trong bài này mình sẽ hướng dẫn giúp các bạn tạo một nút reply nằm ngay trên hộp nhập bình luận.

DEMO

Hãy truy cập vào một bài viết và thử nút cancel reply

1. Đăng nhập Blogger
2. Mẫu > Chỉnh sửa HTML
3. Tìm kiếm thẻ:

if (replybox && (commentId !== replyParent)) {

Trước khi thêm code

4. Thêm đoạn mã dưới đây vào sau thẻ mà bạn vừa tìm

cancelRep=document.getElementById('bc_0_'+items.length+'I');
document.getElementById(domId).insertBefore(cancelRep,null);
cancelRep.innerHTML=cancelRep.innerHTML.replace(msgs.addComment,'Cancel reply');
if((commentId!=replyParent)&&(replybox.src.indexOf('&parentID=')==-1)){cancelRep.style.display='inline-block'}

Sau khi thêm code

5. Nút cancel reply đã được thêm. Nếu muốn trang trí cho nút Cancel reply bạn thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template.

.comments .continue{display:none;border-top:0}
.comments .continue a{border:1px solid #fa0320;border-radius:3px;box-shadow:0 1px rgba(255,255,255,.3) inset;background:#e8233a;padding:5px 10px;font-size:13px;color:#fff!important;text-decoration:none!important}
.comments .continue a:hover{background:#d70d25}

6- Lưu mẫu lại và xem kết quả nha.

Duy Phạm