How to Remove Blogger CSS and JS

How to remove Blogger CSS & JavaScript. Because after removing JS and CSS you will be able to make an awesome Landing Page or Promotional Page.

Blogger give you ready made template designs, which are quite beautiful and white space ready. But may be you want it to be more better, stylish and readable. Or may be you want to use foundation or Bootstrap frameworks. It depends on your choice whether you use anything but default JS and CSS files stop you working with. So here is the tutorial how to Remove Blogger CSS and JS files which occurs in your page optimization and increase load time.

What if i Remove Blogger CSS and JS ?

Removing Blogger CSS will do nothing except remove all the styles and text version will show. But Removing JS or JavaScript will stop functioning of widgets, Remove JS, if you want to use your Blogger as Simple HTML  page.

Precautions: Before doing any code implementation first ensure you backup your template. Here is How to Backup and Restore Blogger Template.

Remove / Block Blogger CSS:

  1. Find this Line of Code
    <b:skin><![CDATA  ~A lot of Styles Here~  ]></b:skin>
  2. Replace with this
    &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin>*/</b:skin>
  3. Also find this
    <b:template-skin>a lot of code</b:template-skin>
  4. and Replace with this
    <link href='https://www.your-domain.com/yourstylesheet.css' rel='stylesheet' type='text/css'/>

    OR

    <style>your-custom-css-here</style>

<b:skin> Where all your css styles saves. Replacing it with your own CSS. Either you enclose in style tag or you want to add an external style sheet it’s up to you.

Remove / Block Blogger JS and Widgets:

  1. Find this piece of code
    <b:include data='blog' name='all-head-content'/>
  2. Replace with this
    <meta content='blogger' name='generator'/><link expr:href='data:blog.url' rel='icon' type='image/x-icon'/><link expr:href='data:blog.url' rel='canonical'/><data:blog.feedLinks/><b:if cond='data:blog.url == data:blog.homepageUrl'><link href='http://www.blogger.com/openid-server.g' rel='openid.server'/><link expr:href='data:blog.url' rel='openid.delegate'/></b:if>
  3. One more step ahead find this code
    </head>
  4. Replace with this piece of code
    &lt;!--</head>--&gt;&lt;/head&gt;

Removing of JavaScript i describe earlier it’s the tricky part if you remove your widgets will not work properly and you loss blogger layout view. Means you can’t add widgets any more because you remove blogger CSS and JS which handle your all widgets and other requests.

Related: Use Google Drive as Your CDN for Blogger.

One thought on “How to Remove Blogger CSS and JS

Leave a Reply

Your email address will not be published. Required fields are marked *