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
  1. 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. 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. Hì, đơn giản mà cứ đi mò Scripts :D . Cảm ơn BSW nhé

    Trả lờiXóa
  3. 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
  4. 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. [IMG]https://i.imgur.com/kpb1Toj.png[/IMG] như này này anh

      Xóa
    9. Đ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
    10. Kết cái font chữ logo anh ghê, anh cho em xin tên font được không ?

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

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

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

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

      Xóa
  5. 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
  6. Cảm ơn bài viết. Chúc BSW ngày càng phát triển!

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

    Trả lờiXóa