Vô hiệu hóa phần css mặc định của Blogger

Như bạn đã biết, Blogger là một nền tảng blog mở của Google, và nó được Google thêm vào rất nhiều tùy chỉnh để hỗ trợ cho tất cả mọi người dùng. Một trong những thứ được Google thêm vào là phần CSS cho các widget của Blogger. Hôm nay, tại bài viết này tôi muốn hướng dẫn cho cách bạn vô hiệu hóa những tùy chỉnh đó, để bạn tự ý viết lại toàn bộ theo ý riêng của mình.

Vô hiệu hóa phần css mặc định của Blogger

Google đã tùy chỉnh thẻ <b:skin> khi chuyển thành thẻ <style> sẽ tự động chèn vào thêm 2 đoạn mã có dạng như sau

<link type="text/css" rel="stylesheet" href="https://www.blogger.com/static/v1/widgets/XXXXXXX-widget_css_bundle.css">
<link type="text/css" rel="stylesheet" href="https://www.blogger.com/dyn-css/authorization.css?targetBlogID=XXXXXXXXXXXXX&amp;zx=XXXXXX-XXXX-XXXX-XXXX-XXXXXXX">

đây chính là 2 đoạn mã chèn những css tùy chỉnh mặc định mà Google thêm vào. Nếu bạn có dịp kiểm tra tốc độ tải trang của website của mình bằng Google Page Speed, bạn sẽ nhận được thông báo tối ưu về 2 đoạn mã trên. Do đó tôi thiết nghĩ việc loại bỏ và viết lại những css này là khá tốt, nếu bạn có thời gian làm lại toàn bộ css cho website của mình.

Đơn giản để vô hiệu hóa nó, các bạn hãy chèn đoạn mã sau đây vào trước thẻ <b:skin>

&lt;!--<style type='text/css'/>--&gt;

Việc vô hiệu hóa những css tùy chỉnh của Google, giúp website của bạn tải nhanh hơn và bạn có thể tự mình làm lại toàn bộ phần CSS trên website của mình.