Thêm nút hủy bình luận cho blogspot

Mới đây, mình có hướng dẫn các bạn cách nâng cấp comment form lên bản của Contempo Template nhưng làm xong thì nó mất đâu cái nút Thêm bình luận (Add comment) dưới cùng rồi. Và để không muốn trả lời bình luận đó hay muốn để lại bình luận mới riêng biệt thì ta phải tải lại trang (F5), điều này sẽ gây không ít khó chịu cho người dùng. Vì thế mà mình đã tình cờ nhớ đến bác Duy Pham có share code tạo nút hủy bình luận (Cancel Reply) rất hay, mình đã làm và thành công nên sẽ share lại cho bạn nào chưa biết nhé.

Thêm nút hủy bình luận cho blogspot
Cách thực hiện:
Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Bước 2: Tìm đoạn code sau:
if (replybox && (commentId !== replyParent)) {
và chèn đoạn code dưới đây ngay sau đoạn vừa tìm được:
cancelRep=document.getElementById('bc_0_'+items.length+'I'); document.getElementById(domId).insertBefore(cancelRep,null); cancelRep.innerHTML=cancelRep.innerHTML.replace(msgs.addComment,'HỦY BÌNH LUẬN'); if((commentId!=replyParent)&&(replybox.src.indexOf('&parentID=')==-1)){cancelRep.style.display='inline-block'}
Bước 3: Phần này áp dụng cho bạn nào muốn trang trí cho nút hủy bình luận trông đẹp đẹp thì ta chèn và chỉnh sửa CSS sau cho hợp ý nhé.
.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}
Bước 4: Lưu template lại.
Kết luận:
Chỉ cần vài bước đơn giản thì bạn đã có nút hủy bình luận cho blog của bạn rồi đấy. Như trước đây mình đã có thử làm ở khung comment cũ thì không được, không rõ do template lỗi hay gì nên bạn cứ thử nếu thích nhé. Chúc các bạn thành công :)

Source code: Duy Pham Blog

54 nhận xét

  1. Trả lời
    1. A vẫn đang làm dở chưa xong e ơi :( Nãy js bị lỗi còn k ấn đc nút trả lời cơ.

      Xóa
  2. Test emoji :) :( ;) :)) :D =)) :v :3 <3

    Trả lờiXóa
    Trả lời
    1. Chưa ông, t làm ổn ổn t mới nhét lại lên, mà chèn để nó lôi theo khung comment còn đang k rõ chèn theo thẻ nào luôn :3 test mấy chỗ mà chưa được.

      Xóa
    2. Thì comment trước từ hao nào thêm nó tự hiện :v

      Xóa
  3. [img]https://1.bp.blogspot.com/-oUAPYGFvJnk/Wj0v3qOEkLI/AAAAAAAABMc/NgukvgvohMwEYHV6tLYkcjIYPH6vmxAbQCLcBGAs/s1600/14718784_539547086238551_5258413168509011547_n-min%2B%25281%2529.jpg[/img]

    Trả lờiXóa
    Trả lời
    1. [img]https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s400/Logo-Bac-Si-Windows.png[/img]

      Xóa
    2. Phải chèn trong cặp thẻ img ông ơi. T k để rút gọn đâu :3

      Xóa
  4. Trả lời
    1. Đc rồi đó e. Nãy do có 1 đoạn js làm xung đột nên k ấn đc chữ Trả lời.

      Xóa
  5. Trả lời
    1. test reply, đê mama :))

      Xóa
    2. Chưa xong đâu ông, nãy đang làm thì nó mất cmn điện, icon thì t cũng mới test 1 tí thôi :3

      Xóa
    3. cái khung cmt mới này tốn tg và chất xám nhiều quá nhỉ :v

      Xóa
    4. Trc t hay làm xong bên blog test mới đem ra dùng, giờ mệt lắm. Nên là làm luôn ở đây, ae thấy lỗi rõ ràng luôn khi đang làm dở :v

      Xóa
  6. Hi blog e lỗi nâng cấp khung bình luận nên kg sài :)

    Trả lờiXóa
    Trả lời
    1. Khung bình luận cũ hình như cũng thêm được vì bài này Duy Pham viết lâu rồi e.

      Xóa
  7. Bro có ý định đổi sang temp G+, Vk, insta,.. gì đó không :v :v

    Trả lờiXóa
    Trả lời
    1. K bro ơi :)) T chỉ định xài temp này rồi sau có làm thêm gì thì làm thôi, làm lại vs tối ưu lại 1 temp hơi lâu nên ngại lắm. Sắp tới t lại bận nữa ông ạ.

      Xóa
    2. Sắp tới ông đi hỏi vợ à :v

      Xóa
    3. Sắp tới đưa vợ đi đẻ luôn chứ hỏi gì nữa ông :v

      Xóa
  8. Biết khi nào bác mới có con như NĐT :v

    Trả lờiXóa
    Trả lời
    1. Còn lâu nhé, hóng ông dân 47 là sắp đến rồi đấy nha :D

      Xóa
    2. Hóng tôi làm gì rứa? Hút cần ko cho vài bi :v

      Xóa
    3. T k biết hút cần nhé :3

      Xóa
  9. trước giờ muốn hủy cứ toàn f5. h ngon r

    Trả lờiXóa
  10. Hóng a làm bài viết về chuyên mục như: Trong quá trình học lập trình sẽ có những gì vân vân :))

    Trả lờiXóa
    Trả lời
    1. Ừ rảnh a sẽ viết. Sẽ k thể đủ 100% nhưng là lưu ý những cái cần thiết trước.

      Xóa
  11. Tại sao lại Huỷ bình luận làm gì???

    Trả lờiXóa
    Trả lời
    1. T ghi rõ mục đích ở đầu bài rồi còn gì. Ví dụ đơn giản để ông thấy tác dụng của nó nhé. Ở v3 này comment form k còn nút "Thêm bình luận" mặc định ở dưới nữa, giả dụ bấm nhầm trả lời 1 comment nào đó nhưng ông lại muốn cmt 1 cmt riêng biệt (chẳng hạn chính là cmt của ông đó) thì ông phải f5 lại bài viết đúng k?

      Xóa
  12. bác reg ads à? sao chuyển ngôn ngữ English r ?

    Trả lờiXóa
    Trả lời
    1. K bác ơi. E muốn đổi gió đó. Tại các mạng xã hội như twitter, fb, insta e đều dùng tiếng Anh nên nó quen rồi. Mới hqua cũng đổi lại hết label sang k dấu nên đổi luôn ngôn ngữ ấy mà chứ e dùng blog này k có ý định reg GA đâu.

      Xóa
  13. không hiện mà lỗi luôn nút trả lời a ơi :((

    Trả lờiXóa
    Trả lời
    1. Thế thì e chèn nhầm chỗ hoặc tìm sai rồi. Vì cùng 1 temp thì k lỗi đc đâu :v

      Xóa