Cách xóa bỏ hoàn toàn CSS mặc định trên Blogger

Cách xóa bỏ CSS mặc định trong Blogspot - Mặc định khi sử dụng Blogger, ngoài việc sử dụng CSS tùy chỉnh do bạn đặt, blog còn sử dụng CSS mặc định của Blogger mà bạn không hề hay biết nếu bạn không để ý. Tuy nhiên, CSS mặc định của Blogger khiến blog của bạn gặp một số lỗi như W3C,...Vậy nên mình sẽ hướng dẫn các bạn xóa bỏ hoàn toàn CSS mặc định của Blogger.

Cách xóa bỏ hoàn toàn CSS mặc định trên Blogger

Các bước thực hiện

Mặc định Blogger trang bị cho blog của bạn hai File CSS sau:

<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4245775164278706291&zx=7177e59e-74fa-412c-9fa2-d5b82e0ee894' />

Với việc sử dụng CSS như vậy sẽ gây một số lỗi W3C và lỗi khi check Google Speed Test. Đó là lỗi các bạn gặp phải khi chưa tối ưu cho Blogspot của mình.
Các bước thực hiện đơn giản sau đây sẽ giúp bạn khắc phục điều này.
Bước 1: Tìm thẻ <b:skin><![CDATA[ Thay thế nó thành:

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

Bước 2: Tìm thẻ </body> và sửa thành

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

Câu hỏi các bạn đặt ra là gì?

Một câu hỏi của rất nhiều bạn: "Tại sao sau khi xóa bỏ CSS mặc định thì một số tiện ích trên Blogger không chạy?" Hi thì mình chỉ trả lời đơn giản là bạn đã xóa bỏ CSS của chúng, việc hiển thị sẽ không còn diễn ra như bình thường nữa.

Để khắc phục điều này, bạn cần thêm "khéo léo" CSS mặc định của Blogger trở lại.

Bước 1: Vào https://www.blogger.com/static/v1/widgets/3841957138-widget_css_bundle.css và copy toàn bộ code.

Bước 2: Đặt vào giữa đoạn code mà Bước 1 ở trên bạn đã làm, cụ thể:

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*
<b:skin><![CDATA[ Đặt bên dưới thẻ này nhé! 

Sau khi Lưu mẫu, các bạn thử kiểm tra tốc độ load tại đây nhé!

https://developers.google.com/speed/pagespeed/insights/ 

Cách thiết lập lại hoàn toàn CSS

Nếu bạn làm các bước như ở trên thì chưa thể thiết lập mọi giá trị CSS trên Blogger về 0, các sau đây sẽ giúp bạn làm được điều đó. Thêm đoạn CSS sau vào blog của bạn:

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,adnav,adheader{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,adnav,adheader{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}  

Lưu lại và chỉnh sửa blog cho phù hợp. 

Nguồn VietMMO

Socializer Widget by Nguyen D. Khanh

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →

Các bạn có thể tham khảo thêm nhiều kiến thức từ các bài viết mà mình đã SEO bằng các Từ khóa bên dưới bài đăng nầy để tìm hiểu thêm về các khái niệm và ứng dụng có liên quan nhé..