How to Remove Blogger Default CSS

Posted by Lasantha Bandara on April 3rd, 2017 File Under : change template, css0 Comment

If you view the HTML source of your blog, you will see Blogger is automatically adding a CSS file called "widget_css_bundle.css" or "css_bundle_v2.css" to your template. This is a large CSS file which containing default styles for comments, share buttons, blogger widgets like popular posts widget, labels widget, archive widget, contact form widget and more. But if you are going to add your own styles to the template without depending on these default styles or if you want to fix eliminate render-blocking CSS problem removing this CSS file, this tutorial will help you.

Blogger Default CSS Bundle

1.Go to "Edit HTML" of your blog.

2.Find the start of html tag (<html). It will nearly look like this:

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' lang='en-US' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

3. Now add b:css='false' into the html tag like this:

<html b:css='false' b:version='2' class='v2' expr:dir='data:blog.languageDirection' lang='en-US' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Look at the image given below:

Remove Blogger Default CSS

Save the template and refresh your website. Now check HTML source again. You will no longer see any default CSS styles from Blogger.

File Under : change template, css

Leave a Reply