Fix lỗi hiển thị Layout trong blogspot

Vừa rồi mình có tải một cái template trên mạng về và cài đặt thử thì khi vào layout nó lộn xà bần lên chả leo trật tự và xuất hiện list style trong layout.


Lỗi hiển thị Layout trong blogspot

> Khung thông tin tác giả style wordpress cho blogspot
> Hướng dẫn tạo trang 404 thân thiện cho blogger/blogspot
> Cách tạo bài đăng chuẩn HTML5 cho blogspot

Bạn có thể thấy lỗi thế này, trông rất mất mỹ quan, và bất tiện trong việc xác định widget.


Để bỏ các dấu chấm dạng (list-style) thì bạn thêm vào trước ]]></b:skin> hoặc </style> đoạn code sau:
body#layout ul { display: none; }
Nếu các widget nó lộn xộn thì bạn cần xác định các thành phần ID của nó và khai báo trong thẻ sau:

<style type="text/css"><!-- /* <![CDATA[
#header-wrapper, #outer-wrapper, #footer-wrapper {width:970px}
#header-left {width:200px;float:left}
#header-right {width:729px;float:right}
#main-wrapper {width:650px;float:left}
#sidebar-wrapper {width:300px;float:right}
.footer {width:315px;float:left}

*/]]>
Phần màu đỏ bạn cần sửa lại cho phù hợp dựa vào layout của mỗi site. Dựa vào layout bên trên bạn sẻ hiểu.

Hy vọng cách fix lỗi hiển thị trong layout ở trên sẻ giúp ích cho các bạn.
Donate MoMo: 035.45.48.599
Bài đăng mới hơn Bài đăng mới hơn Bài đăng cũ hơn Bài đăng cũ hơn

Bài đăng khác

5 nhận xét

Khi Comment hãy click vào "Thông báo cho tôi" để theo dõi phản hồi mới nhất từ admin
  1. Admin oi, minh da dan doan code body#layout ul { display: none; } nhu huong dan len 2 cho luon, nhung van khong thay thay doi layout vay ?

    Trả lờiXóa
    Trả lời
    1. Layout bạn hiển thị như thế nào vậy? Dựa vào f12 dò phần tử rồi fix mới chắc chắn được. Đây là code thông dụng thôi.

      Xóa
  2. lam sao de minh dua template cho Admin xem giup nhi ?

    Trả lờiXóa
  3. admin cho minh email de minh mail cai template cho admin duoc khong ?

    Trả lờiXóa
    Trả lời
    1. Bạn chụp cái hình trong bảng điều khiển blogger rồi gửi lên đây mình xem cho, hoặc email phần contact

      Xóa