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

Vừa rồi tôi có tải một cái mẫu giao diện trên mạng về và setting thử thì khi vào layout nó lộn xà bần lên chả leo trật tự và hình thành 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ết 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, nhìn rất mất mỹ quan, và phiền phức trong việc xác định widget.

Để bỏ những 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 những widget nó lộn xộn thì bạn cần xác định những 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 fix lại cho cân xứng dựa dẫm 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 những bạn.