Loại bỏ CSS và Javascript mặc định trong Blogger và những lưu ý

How to Remove Defautl CSS and Javascript in Blogger

Mặc định Blogger sẽ tự động thêm cho bạn một vài link CSS và JS. Mặc dù đã kiểm tra kỹ trong template nhưng vẫn không thấy link của những CSS và JS mặc định này. Vậy làm thế nào để loại bỏ CSS và Javascript mặc định trong Blogger? Vì chúng cũng ảnh hưởng kha khá đến tốc độ tải trang của website đấy.

1. Đối với CSS

Khi xem nguồn bài viết các bạn sẽ thấy những link CSS được Blogger mặc định thêm vào có dạng như sau

 <link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/16153472-css_bundle_v2.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=3914206707481629209&zx=49ad1487-13e9-4532-9263-9e81c3e7ceaf' /> 

Và chúng được gắn với thẻ <b:skin>. Vậy để loại bỏ chúng bạn cần chỉnh sửa như sau.

1Thêm vào trước thẻ <b:skin> đoạn code

<style type="text/css">
<!-- /* 

2Sau khi chỉnh sửa đoạn code của chúng ta sẽ có dạng

<style type="text/css">
&lt;!-- /*<b:skin><![CDATA[ 

3Và để không bị lỗi bố cục chúng ta sẽ thêm vào template đoạn code sau ngay trước đoạn code chúng ta vừa sửa hay trước thẻ <b:skin> hoặc thẻ </head> đều được.

 <!-- [ CSS Defautl Iris Tips ] -->
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css");
//]]>
</script> 

2. Đối với Javascript

Đối với Javascript là những JS được gắn với thẻ </body> và thẻ </head>. Để loại bỏ chúng ta cần chỉnh lại code như sau.

1Thay thế thẻ </body> thành

</body>
&lt;!--</body>--&gt;

2Thay thế thẻ </head> thành

</head>
&lt;!--</head>--&gt;

3. Lưu ý khi loại bỏ Javascript mặc định

1 Khi loại bỏ Javascript mặc định một số tiện ích của Blogger sẽ hoạt động không chính xác. Ví dụ như Contact Form sẽ không hoạt động. Do đó bạn cần lưu ý khi loại bỏ chúng. Suy nghĩ xem bạn cần tính năng nào hơn nhé.

2 Bạn cần thêm lại đoạn script sau nếu muốn sử dụng nút Google +1 trên web của bạn.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> 

Xem thêm: Cách khắc phục Contact Form không hoạt động khi loại bỏ CSS và Javascript mặc định

Xem thêm: Loại bỏ Javascript và CSS chặn hiển thị nội dung cho Blogger

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm