Seo Onpage Blogspot – #2 Tối ưu CSS3

Website chuẩn CSS3 sẽ giúp trình duyệt web giải mã code nhanh hơn -> website load nhanh hơn -> Hơn nữa sẽ giúp con bọ Google đọc và index dễ dàng hơn. Hơn hết là tối ưu được với người dùng khi người dùng trải nghiệm load website trong tích tắc.

Bạn có thể kiểm tra bằng công cụ jigsaw.w3.org để thử xem website của bạn đã chuẩn CSS3 hay chưa?

Font-Awesome là tiện ích giúp bạn có thể tạo ra các icon trong blogger thường sử dụng cho menu và các khai báo thông tin website.
Khi sử dụng Font Awesome và Font Google bạn sẽ thấy khá nhiều lỗi xuất phát là tiện tích này và để sửa lỗi CSS3 xuất phát từ file này bạn sẽ tìm đoạn code sau đây để thay thế nó:

Và thay thế nó thành:

Đoạn script trên để thay thế cho link Font Awesome và link Google Fonts nên bạn có thể xóa 2 link này trong code luôn.
Lưu mẫu và test CSS3 lại bạn sẽ fix được khá nhiều lỗi liên quan đến thằng Font-Awesome này.

CSS mặc định của blogger thường có dạng:
https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css

Thường thì sẽ không xuất hiện nhưng khi test CSS3 sẽ thấy mặt nó. Nếu bạn muốn xoá bỏ có 2 cách làm như sau:

Cách 1: Bạn tìm đoạn code sau:

<b:skin><![CDATA[/*

Và thay thế nó thành

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

Cách 2: Bạn copy code sau

<link href=’https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css’ rel=’stylesheet’ type=’text/css’/>

Và sửa thành:

<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>

3. CÁC LỖI CẤU TRÚC CSS3 VẶT KHÁC

Thông thường jigsaw.w3.org nó sẽ báo lỗi CSS ngay phần phía dưới phần báo lỗi dưới địa chỉ tên miền. Bạn chỉ cần xóa các CSS dư thừa không hợp với chuẩn CSS3 được đề xuất là sẽ được thôi phần này chủ yếu là xóa bớt thôi.
Nếu bạn có vướng mắc chỗ này thì hãy để lại bình luận phía dưới mình sẽ hỗ trợ
Cuối cùng lưu lại và tận hưởng 1 màu xanh chuẩn CSS3 nào!