Sau đây mình hướng dẫn xóa đường viền khung comment blogger, mà nhiều bạn có thể không thích nó, và tìm đủ mọi cách như viết CSS cũng không thể loại bỏ nó.
Bài viết này chỉ áp dụng cho blogspot ở phiên bản mới, các blog đang ở phiên bản cũ thì cần phải nâng cấp lên blog phiên bản mới.
- <Group description="Header">
- <Group description="Sidebar">
- <Group description="Search">
- <Group description="Attribution">
- <Group description="Widths">
Tiếp theo bạn tìm thẻ <html sửa từ b:templateUrl='indie.xml' thành b:templateUrl='fancy.xml'
Ngoài ra blogspot có nhiều kiểu như sau:
Contempo: indie.xml (viền nét đứt)
Soho: fancy.xml (không viền)
Emporio: vegeclub.xml (viền nối liền)
Notable: rockpool.xml (viền nét đứt)
Essential: b:templateUrl='strm.xml' (viền nét đứt)
Tiếp theo các bạn lưu lại và kiểm tra khung comment 2 đường viền border đã biến mất.
Các bạn có thể kiểm tra nó đã sử dụng skin soho bằng cách đưa chuột vào khung comment kiểm tra, tìm thẻ HTML có id là #commentsHolder các bạn nhìn bên CSS sẽ hiển thị, các bạn open new tab lên và sẽ được như hình dưới.
Việc còn lại là của các bạn có thể tùy chỉnh Font, màu chữ, màu nền ở các biến <Variable>.... />.
Nếu chỉnh màu nền của khung nhận xét các bạn sửa mã màu của
<Variable name="body.background.color" description="Background color" type="color" default="#fff" value="#ffffff"/>
Tương tự như Font, Kích cỡ chữ.
Với skin khung comment của giao diện blog soho thì nó chỉ có thêm border = 0 để tắt 2 border trên và dưới đi, chứ nó cũng chả khác gì so với comment của Contempo.
Nếu như các bạn làm tất cả các bước trên mà vẫn không xóa được khung viền border thì cần thêm bước này:
Các bạn tìm
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
Và sửa thành
<a expr:href='data:post.commentFormIframeSrc + "&skin=soho"' id='comment-editor-src' rel='noopener noreferrer' title='Comment Form Link'/>