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

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

3 min read

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'/>

You may like these posts

  • .container-video{position:relative;width:100%;overflow:hidden;padding-top:56.25%} .video-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:non…
  • Hướng dẫn đổi link ảnh blogger về mặc định, cụ thể là từ link dạng blogger.googleusercontent.com về link cũ thường dùng có dạng 1.bp.blogspot.com.Google lại tiếp tục đưa …
  • Thêm một Tiện ích liên hệ zalo gọi điện cho trang web hoặc blogspot, tiện ích hiển thị đẹp bao gồm zalo, messenger, gọi điện và maps.Blogspot của bạn đang bán hàng hoặc làm dị…
  • Chia sẻ mẫu Tiện ích liên hệ Zalo Messenger Gọi điện đẹp, nút Zalo rung lắc phù hợp với nhiều blogspot bán hàng, tư vấn dịch vụ.Tiện ích liên hệ Zalo Messenger hiện thị cố địn…
  • Bài viết này mình Hướng dẫn code Ajax Breaking New cho blogger phù hợp làm mục tin Hot, trending, bài viết mới, bài viết theo danh mục nhãn.Demo Breaking News Các bư…
  • Dùng CSS thay thế thư viện JavaScript nếu như bạn biết đến những CSS này thì không cần phải sử dụng thư viện ngoài của JavaScript. Giúp cho blogspot của bạn cải thiện đáng kể …

Post a Comment

Cookies Consent

This website uses cookies to ensure you get the best experience on our website.

Learn More