Thủ thuật di chuyển khung nhận xét của Blogspot nằm phía trên các nhận xét

Không giống như plug-in bình luận của Facebook. Đối với Blogspot, khung nhận xét mặc định sẽ nằm ở dưới cùng của các nhận xét, vì vậy nên khi người dùng muốn đăng nhận xét mới thì bắt buộc phải kéo xuống tận cùng của các bình luận đang có, điều này khá bất tiện. Đáng nói hơn làn nếu bài viết có hơn trăm bình luận thì việc kéo xuống dưới cùng để đăng nhận xét mới sẽ vô cùng khó khăn và mất thời gian.

Vì vậy trong bài viết này mình sẽ hướng dẫn các bạn di chuyển khung đăng nhận xét mới của Blogspot lên nằm cố định phía trên cùng của các nhận xét, giúp người dùng dễ dàng đăng bình luận mới mà không phải mất thời gian để lướt qua hết tất cả nhận xét đang có.

Cách thực hiện

Bước 1. Truy cập vào giao diện edit template.
Bước 2. Tìm trong template đoạn code có dạng như này:
<div class='comments-content'>
<!-- đây là các nhận xét -->
</div>

<div class='comment-footer'>
<!-- đây là khung đăng nhận xét -->
</div>
Bước 3. Giờ bạn chỉ việc đảo ngược vị trí của 2 đoạn code trên thành như này là xong: (không phải template nào cũng có code 100% giống nhau, vì vậy bạn chỉ cần tìm thẻ mở của đoạn code đó thôi nhé)
<div class='comment-footer'>
<!-- đây là khung đăng nhận xét -->
</div>

<div class='comments-content'>
<!-- đây là các nhận xét -->
</div>
Bước 4. Lưu chỉnh sửa.
Chúc các bạn thành công, có khó khăn hay thắc mắc hãy bình luận bên dưới mình sẽ hỗ trợ chỉnh sửa.
Tham khảo từ: Việt Blogger / vietblogdao.com
Nhớ bấm "Thông báo cho tôi" bên trên để nhận thông báo qua Email khi Admin trả lời nhé.
  • Đây là khu vực quản trị, bạn không có quyền truy cập vào!
    1. Nặc danh16:37 27/1/19

      Thế nếu template mất luôn khung cmt blogger muốn thêm lại thì làm sao a ơi , a cho e xin link bài hướng dẫn ạ :(

      Trả lờiXóa
      Trả lời
      1. Thì copy tất cả code comment của một template khác rồi đưa vào template hiện tại thôi, khá rắc rối đấy :D

        Xóa
      2. Nặc danh18:47 27/1/19

        cao thủ lắm ms thêm lại đc á

        Xóa
      3. cái này nhìn vào thì khó nhưng khá là đơn giản,chỉ sợ có lỗi phát sinh thôi.Mình đã thử ở một vài giao diện thành công.

        Xóa
    2. Nặc danh18:46 27/1/19

      cảm ơn a <3

      Trả lờiXóa
    3. Hì, đơn giản mà cứ đi mò Scripts :D . Cảm ơn BSW nhé

      Trả lờiXóa
    4. Chúc mừng năm mới ae

      Trả lờiXóa
    5. Blog a sao mà vài lúc không vào được

      Trả lờiXóa
      Trả lời
      1. Hết hạn domain, mà bên cty họ nghỉ tết nên không gia hạn được đó em.

        Xóa
    6. Một số template làm ko được

      Trả lờiXóa
    7. Share cái bài viết cùng chuyên mục có loadmore đi a

      Trả lờiXóa
      Trả lời
      1. Blog vietblogdao. com của anh Tuấn có hướng dẫn rồi đó em.

        Xóa
      2. À mà , em làm như bài viết nhưng ở bước đầu tiên, em thử tìm comment-footer thì nó chỉ ra <p class='comment-footer'> và <dd class='comment-footer'> thôi anh, còn cách nào tương tự áp dụng được với các thẻ này không anh ?

        Xóa
      3. Nó cũng là một đó em, chỉ khác thẻ mở thôi nhưng cùng class comment-footer là được.

        Xóa
      4. Oke a mà cho em hỏi cái template BSW 04 có bản vá lỗi hay update nào sắp tới không anh

        Xóa
      5. Nếu có anh sẽ cập nhật tại bài viết đó nhé em.

        Xóa
      6. Giờ anh làm blog lại rồi thì mở tuyển ctv nữa đi anh .-. khi nào mở thì em xin 1 vé viết bài chủ đề thủ thuật blogspot

        Xóa
      7. Giao diện grid ở mobile bài đầu tiên hiển thị snippet , mấy bài sau không hiển thị làm cho bố cục rối kìa anh ơi.

        Xóa
      8. Đang còn BETA nên mobile anh chưa tối ưu hết đâu em. Từ từ anh sẽ hoàn thiện hết.

        Xóa
      9. Kết cái font chữ logo anh ghê, anh cho em xin tên font được không ?

        Xóa
      10. Font Roboto thôi mà em? Hay cái ảnh logo?

        Xóa
      11. Cái ảnh logo ý, em không tìm được font chứ dotted giống thế

        Xóa
      12. À cái ảnh logo anh design bằng photoshop đó, không phải font gì đâu.

        Xóa
      13. Đẹp thật, mà anh hướng dẫn thêm cái thông báo chưa có bình luận như này đi, nhìn độc đáo thật.
        [img]https://i.imgur.com/yaTWElu.png[/img]

        Xóa
      14. Ok em rảnh anh sẽ viết.

        Xóa
      15. Em thắc mắc cái nút Tải thêm dưới Footer comment để làm gì thế anh ?

        Xóa
      16. Để tải thêm comment của những bài viết > 200 nhận xét đó em, ví dụ bài này.
        Còn những bài < 200 nhận xét sẽ không có tác dụng.

        Xóa
    8. Nặc danh20:30 4/3/19

      Theme gốc thật là đã hơn bản rip.........

      Trả lờiXóa
      Trả lời
      1. Điều đó là hiển nhiên rồi! Rip thì sao bằng theme chính chủ được ^^

        Xóa
    9. Cảm ơn bài viết. Chúc BSW ngày càng phát triển!

      Trả lờiXóa
    10. Chúc blog phát triển và luôn bền vững

      Trả lờiXóa