Khu vực nhận xét là một trong những khu vực quan trọng, nó cho phép người dùng nói lên suy nghĩ về bài viết hoặc đặt câu hỏi cũng như cùng nhau thảo luận về một vấn đề nào đó. Từ việc tiếp nhận những ý kiến đó mà website / blog của chúng ta mới dễ dàng có thêm cơ hội để phát triển. Đối với mình thì tại phần nhận xét ở blog mình cho mình rất nhiều ý tướng từ những câu hỏi của tất cả mọi người.
Nhưng có một điều là để người dùng nhận xét tại blog của chúng ta không phải là một điều dễ dàng. Ngoài việc bài viết phải thật tốt, và chủ đề của bài viết phải có tính chất gây thảo luận, thì một trong những việc như tô điểm lại giao diện cho phần nhận xét, và thêm vào một số hiệu ứng nhất định cũng sẽ giúp bạn gia tăng thêm số lượng nhận xét.
Hôm nay bài viết này mình xin chia sẻ đến các bạn hiệu ứng nhỏ sử dụng sử dụng thuộc tính hover trong css dùng để hiện lời cảm ơn khi người dùng rê chuột vào khung nhận xét. Bạn có thể xem demo tại khung nhận xét phía dưới tại blog của mình.
Hiện lời cảm ơn khi rê chuột vào khung nhận xét
Bạn chèn đoạn mã css sau đây vào trên thẻ ]]></b:skin>
.comment_thanks{background:#4D90F0;color:#fff;padding:0 8px;position:absolute;right:300px;top:6px;opacity:0;transition:all .4s ease-in-out;z-index:999;font-size:12px;font-weight:700;border-radius:2px;border:1px solid #3079ED}
.comment-form:hover .comment_thanks{opacity:1;right:0}
.comment_thanks_box{position:relative}
Tiếp tục tìm đến đoạn mã sau đây
<data:blogTeamBlogMessage/>
sẽ có 3 đoạn mã như thế này, cái thứ nhất ở dưới
<b:includable id='comment-form' var='post'>
bạn chèn xuống dưới nó đoạn mã sau đây
<div class='comment_thanks_box'>
<span class='comment_thanks'>Cảm ơn là động lực cho tác giả</span>
</div>
còn đối với 2 cái còn lại nó nằm dưới
<b:includable id='threaded-comment-form' var='post'>
bạn "chỉ chèn xuống dưới cái thứ 2" thôi, vì nếu bạn chèn hết thì đối với mấy bài viết hoặc mấy trang mà bạn không cho nhận xét nó sẽ vẫn hiện cái hiệu ứng này. Sau đó thì lưu lại là hoàn tất.
Bạn có thể thay câu văn của mình lại, tạm thời chưa nghĩ được câu gì hay hay để đặt vào :D
Lời kết
Như bạn cũng đã thấy thì vói hiệu ứng vô cùng đơn giản, chỉ với đôi ba dòng là bạn đã thêm thành công rồi. Về cái này thì chắc không có gì để nói thêm nữa ngoài việc chúc các bạn ngày càng có nhiều nhận xét hơn tại website của mỗi người.
P/S: Các bạn có thể tham khảo thêm nhiều thủ thuật về nhận xét tại đây.
Belum ada tanggapan untuk "Hiện lời cảm ơn khi rê chuột vào khung nhận xét"
Post a Comment