Loại bỏ CSS mặc định trong blogspot

Thảo luận trong 'Blogspot' bắt đầu bởi hoangtrieumanhn, 20/1/15.

Lượt xem: 984

Bạn đang xem:

Loại bỏ CSS mặc định trong blogspot

Coppy cùng chia sẻ nhé bạn!
  1. hoangtrieumanhn

    hoangtrieumanhn NO SPAM - SPAM LÀ ĐI LIỀN

    Tham gia ngày:
    28/12/14
    Bài viết:
    533

    Những Cảnh Đẹp Của Việt Nam Qua Góc Nhìn Từ FlyCam PhanTom 3 Professional (Video 4K)

    Bấm Youtube để đăng ký xem video nhé!


    Nếu cảm thấy không cần thiết, hãy chủ động loại bỏ CSS mặc định ra khỏi blogspot. Chí ít thì nó cũng sẽ giúp bạn biết cách quản lý tốt hơn mã CSS trong blogspot của mình.

    [​IMG]

    Với hầu hết template hiện nay, mã CSS luôn được gói gọn trong cặp thẻ <b:skin><![CDATA[...]]></b:skin>. Bên cạnh đó thì hệ thống blogger cũng tự động bổ sung thêm 2 đoạn mã CSS khác chạy ở chế độ ngầm hay còn gọi là CSS mặc định để hỗ trợ cho giao diện blogspot trong trường hợp mã CSS do người dùng thiết lập xảy ra sự cố.

    Chúng ta sẽ không thể phát hiện được 2 đoạn mã CSS này cho đến khi sử dụng công cụ tăng tốc website Google PageSpeed Insights, và đây chính là 2 đường dẫn ngầm của CSS mặc định trong bảng phân tích trêm blog 123itvn :
    - https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css
    - https://www.blogger.com/dyn-css/aut...93062&zx=15e8ec81-ae72-43ae-9278-03106cd2b659

    [​IMG]
    CSS mặc định được phát hiện trong phân tích của Google PageSpeed Insights


    Trên thực tế, CSS mặc định chỉ là một thành phần bổ trợ và chúng ta có thể loại bỏ hoàn toàn nó ra khỏi template mà không phải lo lắng về những thay đổi trong giao diện blogspot. Tất nhiên, bạn cũng phải là người am hiểu về mã CSS để có thể làm chủ được tình thế :)

    Lưu ý : Trước khi đi vào chủ đề chính, các bạn nên sao lưu sẵn cho mình 1 bản template để đề phòng trường hợp blogspot xảy ra sự cố sau khi loại bỏ mã CSS. Làm theo hướng dẫn sau đây :
    Tại menu trái, chọn Mẫu ⇒ Sao lưu / Khôi phục ⇒ Tải xuống mẫu hoàn chỉnh.

    [​IMG]
    Tải xuống mẫu template ban đầu


    Cách loại bỏ CSS mặc định trong blogspot

    Bước 1 : Truy cập trang chỉnh sửa template

    Bên menu trái, chọn Mẫu ⇒ Chỉnh sửa HTML
    [​IMG]

    Bước 2 : Loại bỏ CSS mặc định

    - Nhấn tổ hợp phím Ctrl + F để bật chức năng tìm kiếm, sau đó tìm đến đoạn mã <b:skin>
    - Cắt bỏ toàn bộ đoạn mã CSS nằm trong cặp thẻ <b:skin><![CDATA[...]]></b:skin> sau đó lưu tạm chúng vào file Word hoặc NotePad.
    - Thay thế cặp thẻ <b:skin><![CDATA[...]]></b:skin> bằng đoạn mã sau :

    &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
    <style type='text/css'>/*Code*/</style>

    - Tiếp tục thay thế chữ Code bằng đoạn mã CSS mà bạn vừa lưu ở Word hoặc NotePad.

    Bước 3 : Lưu và kiểm tra

    - Lưu template để hoàn tất việc loại bỏ CSS mặc định.
    - Sử dụng công cụ Google PageSpeed Insights để kiểm tra xem CSS mặc định còn tồn tại hay không. Nếu chúng vẫn còn hiển thị, hãy kiểm tra lại chi tiết công đoạn ở bước 2.
    - F5 và kiểm tra tổng thể giao diện blogspot (bao gồm cả các trang con), nếu nó thay đổi quá nhiều và bạn không thể kiểm soát được CSS thì tốt nhất là nên sử dụng lại template cũ ^.^ Với template của mình thì nhìn chung mọi thứ vẫn ổn, chỉ có thay đổi 1 chút về các thẻ ul,ol ...

    Bên cạnh đó, nếu căn cứ vào PageSpeed Insights thì chúng ta có thể thấy ngay là tốc độ blogspot đã được cải thiện đáng kể sau khi loại bỏ đi các CSS mặc định, coi như có thêm 1 tác dụng phụ :))
     
    Diễn đàn Ntphong index siêu nhanh!

    Diễn đàn Seo

    Tiêu đề: Loại bỏ CSS mặc định trong blogspot

    Ghi nguồn bài viết www.ntphong.com khi đăng tải lại bài viết này.

  2. Quảng cáo Thành viên VIP


    Những Cảnh Đẹp Của Việt Nam Qua Góc Nhìn Từ FlyCam PhanTom 3 Professional (Video 4K)

    Bấm Youtube để đăng ký xem video nhé!


Link hữu ích: @@ giàn phơi thông minh, giàn phơi quần áo, giàn phơi quần áo thông minh, giàn phơi quần áo, thùng rác, sim tra sau, giàn phơi thông minh, can ho river city, Toyota camry 2017, Mật Ong Rừng, Mật Ong Rừng Nguyên Chất, @@
=