Giảm khoảng cách dưới của khung comment trong Blogspot
Điểm 4.6/5 dựa vào 87 đánh giá
Traidatmui.com – Thời gian qua mình thấy một số bạn vẫn gặp rắc rối ở việc là không biết cách giảm khoảng cách của khung comment so với chân của blog. Điều này có lẽ các blogger trước đây đã có đề cập nhưng những bạn mới bắt đầu chưa tiếp cận, nhân tiện thì mình cũng chia sẻ để các bạn có thể khắc phục việc này và trả lời cho một bạn nặc danh đã hỏi mình. Để khắc phục vấn đề này cũng không khó khăn lắm chỉ cần bạn tìm đúng bệnh thì một bước chỉnh sửa lại là xong. Bạn hãy xem hình ảnh bên dưới, khoảng cách lúc mặc định và sau khi chỉnh sửa lại.
Hình ảnh lúc đầu

Hình ảnh sau khi đã chỉnh sửa

1. Đầu tiên đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn mở rộng mẫu tiện ích (Expand Widget Templates)
5. Tìm đến đoạn code như bên dưới (hoặc tương tự).
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
6. Bạn chỉ cần giảm chiều cao (height) của khung comment lại là xong.
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='280' id='comment-editor' name='comment-editor' src='' width='100%'/>
Tùy theo mỗi template mà trong code đó có thể khác nhau ở một vài phần tử, thông thường đoạn code trên là code nằm trong đoạn code bên dưới.
<b:includable id='comment-form' var='post'>
-------------------------------------------
-------------------------------------------
</b:includable>
-------------------------------------------
-------------------------------------------
</b:includable>
7. Save template lại là xong.
Chúc bạn thành công.
Chuyên mục:
Blogspot cơ bản
Cảm ơn bạn TDM nhiều nhé. Mình là người mới biết chơi Blog nên còn hơi gà. Nhờ các bài viết của TDM mà mình mới có một blog như thế này, mời bạn ghé thăm nhé: sangnguyenmskg.blogspot.com.
Trả lờiXóaTiện đây, TDM cho mình hỏi nhé, mình muốn khung nhận xét này nằm ngay phía dưới bài viết tức là phía trên các bài viết liên quan giống như trong các trang dantri.com hay vnExpress.net đó.
Mong sớm nhận hồi âm của bạn. Chúc bạn nhiều sức khỏe.
SN-MS
@ sangnguyenMS (addmin): Bạn vẫn có thể đặt code bài viết liên quan ngay sau khung comment đo (code tương tự ở trên).
Trả lờiXóacảm ơn anh. Vì em hôm trước không đăng nhập được tài khoản nên đành phải làm nặc danh để hỏi anh. anh thông cảm cho em nhé
Trả lờiXóaAnh áp dụng một số thủ thuật em hướng dẫn rất tuyệt vời, temp của anh lại bị trường hợp : khung comments bị đẩy lên và nằm đè lên trên phần "bài viết cùng chuyên mục". cụ thể e có thể xem tại http://www.tintuyensinh365.com/2013/04/lien-thong-len-dai-hoc-nganh-mam-non.html
Trả lờiXóaem xem giúp anh với nha
Có thể do code phần bài viết liên quan anh đặt thuộc tính FLOAT , anh hãy thử thêm <div style="clear:both;"/> vào ngay trước <div class='post-footer'>
Xóa