How to Remove Blogger Default Css and Js ?

How to Remove Blogger Default Css and Js

Hello everyone, in this post I will share a tutorial on how to remove default Css and Js of blogger. Blog speed is an important thing that affects the quality of SEO. There are many ways to speed up blog loading for blogger platform user without any hassle. In addition to blog image optimization, the removal of JS code, CSS, and Blogger widgets is also worth considering.

When using the Blogger platform, by default the blog template will include Javascript code, CSS, and the Blogger Bundle Widget. The script doesn't show up in the template settings but it is visible in the source code. To see this, try typing view-source:example.com in the address bar.


Benefits of Removing Js, Css and Widget Bundles :-

The main reason to remove this automated blogger script from your blog is to speed up the blog. We don't need the defalut blogger script at all, but its presence slows down the loading of the blog. If our blog is tested on web tests like Google Page Speed Insight, GTMetrix, Pingdom etc., it is enough to reduce the page score.

By eliminating the functions of JavaScript, CSS, and Blogger's default widget bundle, the collection of scripts in blog templates is automatically reduced. Thus, blog loading becomes faster and has a good impact on SEO quality. Afterwards, try to compare the page speed of the blog before and after deleting the script.


Disadvantages of Removing JS, CSS, Blogger Widgets :-

There are advantages to removing JS, CSS, Blogger Widgets but there are also some disadvantages. The most obvious side effect of removing Blogger's default code is seen if you access the Layout menu on the Blogger Dashboard. Layout appearance is in descending order, no longer right or left column division. However, the appearance of the original blog has not changed.

Another effect is that Blogger's default Contacts widget no longer works properly, as the send button is not working normally. However, we can still solve this problem. At the end of this article, have shared a tutorial on how to fix it. If you really want to remove the default script code of blogger then read the post till the end.


How to Remove Blogger Default Css and Js :-

Step 1 :- Login Your Blogger Account.
Step 2 :- Then Go to Theme Menu.
Step 3 :- After Click on Edit Html
Step 4 :- First See <head> tag code and then replace with below code.
&lt;head&gt;
Step 5 :- Then find the </head> code and replace it with the code Below.
&lt;!--<head/><b:if cond='!data:blog.adsenseClientId'>--&gt;&lt;/head&gt;</b:if>
Step 6 :- Then find the <b:skin><![CDATA[ code and replace it with the code below.
&lt;style&gt;&lt;!-- /* <b:skin><![CDATA[
Step 7 :- Now find the </body> tag at the end and replace it with the code below.
&lt;!--</body>--&gt;&lt;/body&gt;
Step 8 :- Finally, Don't Forget to Click on Save.

Warning : To avoid bad things, make sure to back up the templates first, before doing the tutorial above.


How to Fix Blogger Contact Form Widget :-

Normally, when you remove the JavaScript, CSS, and Blogger bundle widgets, the submit button in your contact form will no longer work. Mainly all bloggers make contact form with the help of static page. So, to fix the contact form code, add the below code to your contact form page.

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '123xxxxxxxxxxxxxxxx';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d123xxxxxxxxxxxxxxxx','//www.example.com/','123xxxxxxxxxxxxxxxx');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '123xxxxxxxxxxxxxxxx', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

Replace the Marked part with Your Blog ID and Blog Address.


Conclusion :-

In this post I have shared how to remove Blogger Default Css and Js. I hope this way to remove blogger default Css and Js can be very useful for you and your blog. Thank you for visiting our website.

Reference:
smarttechmukesh.com

Admin

Hey there! My name is Mukesh Kushwaha, I am a Professional Web Designer, Graphic Designer, UI/UX Designer, Logo Designer and Banner Designer. I am Content Creator from Bihar State, India. I love coding and editing, so I always try to create something new and interesting.

6 Comments

Leave your opinion or any doubt about this article. Don't try to spam, our team reviews every comment.

  1. The code &lt;style type=&quot;text/css&quot;&gt;
    &lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
    <style type='text/css'> doesn't work it always shows an error

    ReplyDelete
  2. Please update it. The <b:skin part always got an error

    ReplyDelete
Previous Post Next Post