Xóa bỏ css mặc định của blogspot version 2017

Xóa bỏ css mặc định của blogspot version 2017
Hầu như ai cũng biết 2 file css mặc định của blogger chạy ẩn trong blogspot gồm:
File 1
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/763856997-widget_css_bundle.css' />
File 2
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4881091405943932522&amp;zx=ac369793-3e0c-4380-ad1d-bbf317ae05d6' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4881091405943932522&amp;zx=ac369793-3e0c-4380-ad1d-bbf317ae05d6' rel='stylesheet'/></noscript>
Chủ yếu làm chậm blog là ở file thứ nhất còn file thứ 2 nội dung chỉ vỏn vẹn có 2 dòng:
div.pid-1767526345 { display:block; }
span.pid-1767526345 { display:inline; }
nên coi như không đáng kể.

Thời gian gần đây blogger cũng đã tiến hành nâng cấp nhiều hạng mục đối với blogspot để tạo cho blogspot được bằng anh bằng em so với các nền tảng khác ^^, nên file css mặc định cũng đã nhẹ đi nhiều bằng cách post trực tiếp trên blogspot(xem các mẫu Simple của họ).
Tuy vậy với anh em dùng blogspot thì vẫn cần loại bỏ file css thứ nhất.Loại bỏ thì có nhiều code nhưng một số code đã lỗi thời không còn tác dụng do việc nâng cấp của blogger.
Nhưng code còn sử dụng được thì hầu như đều làm thay đổi cấu trúc các thẻ head và body thấy không yên tâm lắm ^^.
Dưới đây là cách xóa bỏ css mặc định của blogspot đơn giản mà không làm thay đổi cấu trúc các thẻ trong template chỉ với một lệnh ngắn gọn.
Tại phần đầu của mẫu bạn thay:
<html>
Thành:
<html b:css='false'>

Muốn xóa bỏ thêm 2 file javascript mặc định thì thay thẻ đóng </body> thành:
&lt;!--</body>--&gt;&lt;/body&gt;



Nhận xét

3 nhận xét :

  1. Bạn ơi mình đã làm và thành công nhưng ở phần bố cục sau khi chỉnh như trên thì bị như này? Giờ chỉnh lại như bình thường thì làm sao bạn? Mình đã cố chỉnh các thuộc tính margin, padding rồi mà k đc :(
    http://i.imgur.com/JVIPKMe.png

    Trả lờiXóa
    Trả lời
    1. - Chuyển độ phân giải màn hình về cao nhất (1440x900)
      - Ko dc thì phải thêm body#layout,của bạn thêm ở phần <b:template-skin>
      Cái này hơi khó vì phải tự viết tự chỉnh.tôi ví dụ một template rồi bạn dựa theo rồi áp dụng vào blog của bạn.
      /* Body layout */
      body#layout ul{list-style-type:none;list-style:none}
      body#layout ul li{list-style-type:none;list-style:none}
      body#layout #content-wrapper{width:1100px;overflow:auto;position:relative}
      body#layout #header{width:250px}
      body#layout #header2{width:480px;float:left}
      body#layout #sidebar{width:300px;float:left;margin-left:-215px}
      body#layout #main{width:300px;float:left}
      body#layout #footer{width:710px;float:left}
      Trong đó body#layout tạm hiểu là giao diện phần bố cục còn các id như #header hay #sidebar ... lại tùy thuộc vào cách đặt tên tùy template do vậy bạn vào bố cục xem từng id nếu trùng thì thôi nếu khác thì sửa lại cho đúng .chưa có thì thêm rồi căn chỉnh margin là dc.

      Xóa
    2. Cảm ơn b nhiều nhé. Mình cần code mẫu kia. Về mình mày mò chỉnh đc. Tks bạn nha.

      Xóa