Hiện lời cảm ơn khi rê chuột vào khung nhận xét

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.

Hiện lời cảm ơn khi rê chuột vào khung nhận xét

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.

6 bình luận

  1. avatar says

    lúc 18:39 12 tháng 8, 2014

    Bài này là của kompiajaib mà ta

  2. avatar says

    lúc 18:40 12 tháng 8, 2014

    Ừa code của bác ấy đấy.

  3. avatar says

    lúc 13:40 2 tháng 9, 2014

    code này không hoạt động nữa khi có nhận xét đầu tiên cậu à, bên blog cậu cũng vậy kìa :v

  4. avatar says

    lúc 13:42 2 tháng 9, 2014

    Đúng rồi, thực chất code này nó chạy theo phần quy định của nhận xét ấy. Mục tiêu là kiếm nhận xét đầu tiên thôi ^^. Có nhận xét đầu là sẽ có nhận xét thứ 2 :)

  5. avatar says

    lúc 17:16 17 tháng 9, 2014

    bài nào trên blog cũng hay hết ak

  6. avatar says

    lúc 19:48 17 tháng 9, 2014

    Cám ơn bạn nhiều nhé, có những nhận xét thế này thì cũng có động lực để sáng tác bài viết ^^

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.