×

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

Xóa bỏ css và javascript 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>

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 và javascript mặc định .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.
Dưới đây là cách xóa bỏ css và javascript mặc định của blogspot theo cách mới nhất 2017.
Cách 1
Tại phần đầu của mẫu bạn thay:
<html>
Thành:
<html b:css='false'>
Tiếp theo thay:
</head>
Thành
&lt;!--</head>--&gt;&lt;/head&gt;
Xóa bỏ 2 file javascript mặc định thì thay thẻ đóng </body> thành:
&lt;!--</body>--&gt;&lt;/body&gt;

Cấu trúc thẻ cuối cùng có dạng:
<html b:css='false'>
<head>
------------------
&lt;!--</head>--&gt;&lt;/head&gt;
<body>
------------------
&lt;!--</body>--&gt;&lt;/body&gt;
</html>
Cách 2
Với cách này sau khi thực hiện ta ko thể vào chỉnh sửa phần bố cục.Nếu muốn chỉnh sửa ta phải vào mẫu tạm xóa bỏ b:js='false' xong việc thì cài lại.
Cấu trúc thẻ có dạng:
<html b:css='false' b:js='false'>
<head>
------------------
&lt;!--</head>--&gt;&lt;/head&gt;
<body>
------------------
</body>
</html>

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

Bạn có thể sử dụng biểu cảm yahoo

Ads in post custom

Ads in post custom1

Ads in post custom2

Ads in post custom3