Lorem ipsum dolor sit amet, consectetur adipiscing elit. Test link
Home
Blog

Hướng dẫn xóa đường viền khung comment blogger

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.

Hướng dẫn xóa đường viền khung comment blogger

Ở đây không phải là xóa mà là chuyển đổi khung comment từ giao diện Contempo sang comment của giao diện Soho.

Các bước làm như sau, đơn giản là copy.

Trước khi làm thì các bạn cũng nên sao lưu một bản đề phòng còn có cái mà khôi phục lại.

Đầu tiên là các bạn tạo một blog mới và chọn giao diện là Soho, sau đó vào chỉnh sửa giao diện copy các hết biến <Variable>.... /> mặc định, và các bạn độ sang template của các bạn (Tất nhiên là các bạn phải xóa mấy cái thẻ <Variable>.... /> của các bạn đi)

Nó nằm trong thẻ <b:skin> ... </b:skin> ở đoạn đầu, còn phía dưới là CSS cũng ta không cần copy, copy từ /* <!-- Constants --> cho tới </Group> */ cuối.

Copy xong các biến Variable thì các bạn xóa bớt các biến không cần thiết như: 
  • <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.

Hướng dẫn xóa đường viền khung comment blogger

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.


Hướng dẫn xóa đường viền khung comment blogger



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.


Hướng dẫn xóa đường viền khung comment blogger



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 + &quot;&amp;skin=soho&quot;' id='comment-editor-src' rel='noopener noreferrer' title='Comment Form Link'/>

Post a Comment