Thư viện

Trải nghiệm

Thứ Tư, tháng 1 16, 2013

Di chuyển ghi chú nhận xét của thread comment theo khung nhận xét khi reply trong blogspot

Thủ thuật sau đây sẽ giúp bạn mang phần ghi chú nhận xét đi theo khung nhận xét mỗi khi nhấn reply. Và không chỉ phần ghi chú nhận xét, bạn có thể thêm phần chú thích những ký tự tắt của emoticons hay bất cứ mã HTML nào.

Chia sẻ:
Di chuyển ghi chú theo khung nhận xét khi reply cho thread commnet blogspot
Như các bạn đã biết với mẫu Thread Comment khi trả lời (reply) nhận xét bất kỳ thì chỉ khung nhận xét di chuyển tới vị trí cần reply. Như vậy khung nhận xét một nơi và phần ghi chú (nội quy) nhận xét một nẻo. Thủ thuật sau sẽ giúp bạn giải quyết vấn đề đó giúp blog bạn nhìn chuyên nghiệp và đẹp hơn.
Xem demo:

XEM DEMO

Xem ảnh minh họa
Di chuyển ghi chú theo khung nhận xét khi reply cho thread commnet blogspot

Cách tiến hành!

1- Đăng nhập vào Blog
2- Vào Mẫu (Template)
3- Chọn Chỉnh sửa HTML (Edit HTML) => Tích chọn vào ô Mở rộng tiện ích mẫu.
4- Tìm thẻ sau:
<b:includable id='threaded-comment-form' var='post'>
- Trong đó có 2 thẻ bạn phải quan tâm là <b:else/></b:if> Xem hình dưới để thấy rõ hơn(Phần tô màu xanh)
Di chuyển ghi chú theo khung nhận xét khi reply cho thread commnet blogspot
4.1- Thêm vào sau thẻ <b:else/> đoạn mã dưới đây:
<div id='threaded-comment-form'>
4.2- Thêm vào trước thẻ </b:if>  đoạn mã dưới đây:
</div>
- Khi đó bạn sẽ được như hình dưới:

Di chuyển ghi chú theo khung nhận xét khi reply cho thread commnet blogspot
5- Tìm mã sau:
document.getElementById(domId).insertBefore(replybox, null);
- Thay thế thành:
document.getElementById(domId).insertBefore(document.getElementById('threaded-comment-form'), null);
6- Lưu mẫu lại và xem thành quả nha.

12 nhận xét:

  1. Em đã làm cái trên rùi, nhưng cho em hỏi thêm tí nha:
    Em muốn phần lời ngỏ của mình đổi thành màu khác, ngoài màu mặc định toàn blog thì phải làm sao vậy anh ?

    Với lại nếu muốn tạo chữ : GỬI THƯ, khi nhấn vào nhảy ra liên kết khác thì làm sao vậy anh ?
    Blog của em : www.congiobinhyen.blogspot.com

    Mong sớm nhận được hồi âm của anh. (được thì anh comment hẳn trên bài viết của em luôn nhé).
    Cảm ơn anh nhiều.

    Trả lờiXóa
    Trả lời
    1. Dùng lệnh:

      .comment-form p{color:#fff}
      Thay #fff thành mã màu.

      Xóa
    2. CHèn trước thẻ ]]></b:skin> nha

      Xóa
    3. tạo liên kết gửi thư thì bạn dùng đoạn code sau: <a href='URL của trang gửi thư'>Gửi thư</a>

      Xóa
  2. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  3. Em làm được rồi ! Cảm ơn anh namkna nhiều nhiều ! :D

    Trả lờiXóa
  4. chào, b có thủ thuật làm cho khung nội quy nó nằm ngay trong khung nhúng nhận xét như trang www.nguyentandung.org ko b? khi click vào comment thì khung nó biến mất để người xem cmt....

    Trả lờiXóa
    Trả lời
    1. Trang đó là nền tảng wordpress nha bạn không phải nền tảng blogger, với nền tảng blogger hiện tại ta chưa thể can thiệp quá sâu vào trong phần khung nhận xét vì nó chỉ là dạng inframe. do vậy không thể làm như bên đó được.

      Xóa
  5. Bạn ơi mình không phải hỏi về cái đó. Mà mình hỏi về slide bài mới trên trang chủ ấy. Bạn vào sẽ thấy có slide nằm ngang ở gần đầu ấy. Nó có cái gạch đỏ đỏ, rồi thì chữ nằm lên nhau ấy. Mình làm nhưng mà nó không giống như ban đầu.

    Trả lờiXóa
    Trả lời
    1. Nói thật câu hỏi của bạn chưa thực sự rõ ràng bạn ak.

      Xóa
  6. bạn ơi cho mình hỏi chút,mình mới thay đổi giao diện mới, và có thêm chức năng di chuyển khung ghi chú, tùy chỉnh thông báo khi nhận xét bị xóa, button add a comment tất cả đều ok, nhưng chỉ có điều khi mình xóa 1 nhận xét thì đều bị mấy lỗi sau:

    1. nó vẫn hiện thông báo đó nhưng ở khung ghi chú thì bị mất khung đi chỉ còn lại nội dung ghi chú thôi, không biết có bị đụng độ code gì không bạn giúp mình với. Blog của mình đây

    2. khung comment thì kích thước bị rộng hơn.

    3.(cái này ngoài lề 1 chút). khi đã có button add a comment (màu đỏ) rồi mình muốn xóa cái add comment mặc định cũ đi thì phải làm sao nhi?

    cảm ơn bạn nhiều.

    Trả lờiXóa