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

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.

2 bình luận

  1. avatar says

    14:14 Ngày 06 tháng 02 năm 2015

    Hi bạn
    Mình thử áp dụng cái này thì toàn bộ cột bên phải ( bài đăng mới nhất, comments... bị tụt hết xuống chân blog
    Bạn nghiên cứu giúp được không?
    Blog của mình: nhuygialai.com
    Mail: nhuygialai@gmail.com
    Cám ơn nhiều

  2. avatar says

    19:27 Ngày 06 tháng 02 năm 2015

    Như vầy thì thấy bác nói thế mình nghĩ chắc bác không rành về CSS lắm, mà bác xài template mặc định nữa, nên nó liên quan khá nhiều trong cái thẻ nhún css mặc định. Vậy bác thực hiện xong bác chèn đoạn css trong đoạn link này (đoạn css trong mã nhúng)
    https://www.blogger.com/static/v1/widgets/3681447274-widget_css_2_bundle.css
    lên trên thẻ ]]></b:skin> là được

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.