Cách điều hướng comment về đúng trang cho blogspot

Tình huống thực tế như sau: Khi bạn gặp tình trạng độc giả để lại comment xin liên kết không đúng chỗ?
Và cách xử lý hiện tại của mình như sau: không xóa comment, chỉ làm mờ đi nhưng khi hover vào vẫn hiển thị rõ , và có một thông báo điều hướng người dùng về đúng trang đăng ký liên kết.

Demo

Code full

JS

CSS

<style>
.comment-content.vnc-overlay{
  position:relative;
}

.comment-content.vnc-overlay::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,0.6);
  backdrop-filter: blur(3px);
  pointer-events:none;
  border-radius:6px;
  transition: all .25s ease;
}

.comment-content.vnc-overlay:hover::after{
  background:transparent;
  backdrop-filter:none;
}

.vnc-link-guide{
  margin-top:6px;
  padding:10px;
  background:#fff3cd;
  border-left:4px solid #ff9800;
  border-radius:6px;
  font-size:13px;
  color:#856404;
}
.vnc-link-guide a{
  color:#d97706;
  font-weight:600;
}

</style>  

Kết luận

• Giữ trải nghiệm người dùng tốt
• Điều hướng đúng quy trình
• Tăng độ chuyên nghiệp cho blog

Đừng quên để lại comment nếu gặp khó khăn trong quá trình thao tác nhé, bye! ./.