6/15/2016

How to remove the Blogger Bundle CSS from your Blogger Template

Blogger.com blog is the free blog services from the Google. You can create your blog account in blogger and share your ideas in public all over the world. On the blogger blog you can use the default template from blogger.com are you have the coding knowledge you can create your own template for your blogger blog. If you don’t have the Codeing Knowledge you can download the free template available on the internet. A Lot of websites provide the blogger template for free and also premium template just pay the amount and download the template and used for your blog.

Also Read: How to enable the Https in your Blogger Blog

In  your theme you can use the CSS for style your blog for style your blog. On the blog loading time the blogger load the default blogger widget css style sheet to your blog. This style sheet is for default style for your blog. This style is not essential for your customized theme. This style sheet will affect the performance of your blog loading speed. Just remove this style sheet you can improve the  loading speed of your blog soon and it will help the reader to read more article easy. And also it will get the repeated visitor to your page.

How to do it in your blog:

  • Just login to your blogger.com account and navigate to the template section.
  • Click the Edit Html button and take the copy of your template for safe purpose if does it wrong,you use the backup code to restore your template.
  • Press Ctrl + f button to open the search button in that you can type this <b:skin><![CDATA[ and press enter button to search the word in the your template.
  • It will available in the top of your template section after the title tag.
  • Replace the <b:skin><![CDATA[ this with this one given below.
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
  • And Again press the ctrl + f and find this word in your template ]]></b:skin> after find just replace this word with this one given below
</style>
Alos Read: Blogger Update Adult Content Policy form March 2015 Onwards

  • Now save your template.
  • After save, you can log on to your website you can see the source code of your blogger by right click on your blog and select view source code.
  • Source code will load in the separate tab in that you can see this code
<style type="text/css">
  <!-- /*<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3414295837-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6572764083840191376&zx=8e2ed6cd-7115-459f-ba75-389ec6413828' />
<style id='page-skin-1' type='text/css'><!--
*/
--></style>
  • The Defauld Bundle CSS style sheet will be commented I your template.

Share this: