LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Tricks » How To Remove/Hide Blogger Official Widgets JS In Your Custom Template?

How To Remove/Hide Blogger Official Widgets JS In Your Custom Template?

How To Remove/Hide Blogger Official Widgets JS In Your Custom Template?

Just after sharing the code about How To Remove/Hide Blogger Official CSS In Your Custom Template? many bloggers want to hide there JQuery file also because they have better then this and they don’t weant to increase there loading time of there custom template then I checked that online load time checker site, they just inform me that there is a javascript file and inbuilt javascript file of about 75kb and is not under your use but still loading and increasing your load time that is against SEO then I just started to remove it but on first look there is no file link in blogger template because the just coded it in a secure way but we are here. 🙂

In this post, I will be talking about eliminating unused JavaScript. For normal Blogger bloggers, who don’t touch the template code and use quite some gadgets, then this definitely isn’t going to improve your blog but bringing your problems. For bloggers who code their own templates, JavaScript, and CSS; and uses almost no gadgets and no dynamic contents generated by Blogger’s Javascript, then this would probably be helping your a bit.

It has two part of JavaScript one is the external JavaScript, the other is embeded for something called jstiming, whose corresponding code is injected into <head/>and I haven’t found a good way to get ride of that. Nonetheless, with the trick I have learned, I adpoted it and shared it with you too.

Although Blogger’s JavaScript for widgets or gadgets can be removed by using the trick above, but I really don’t like ding that. It’s cool, but it’s doomed to fail someday, prone to re-surface of those and probably to error. That comment trick may comment out important part of HTML code one day when Blogger changes something.

Blogger loves injecting and changing piece of code in your template from now and then. It’s understandable and fairly safe since most of bloggers not only knowing nothing about HTML but definitely also having no knowledge about template, what those people have are the standard templates. It’s good but not for someone wants to minify everything, it’s a headache for them.

Official JavaScript Of Blogspot URLs:

<script type=”text/javascript”> if (window.jstiming) window.jstiming.load.tick(‘widgetJsBefore’); </script><script type=”text/javascript” src=”//www.blogger.com/static/v1/widgets/3115898655-widgets.js”></script> <script type=’text/javascript’>
// A Lot Of JavaScript Codes Goes On Here…
</script>

WARNING…!!!

Removing this code maybe can make your template destroyed, if you use official widget from blogger, the working of that widget can be totally changed or stopped. If you’re don’t understand about this code, don’t do this. This tutorial is ADVANCED tutorial, not recommended for newbie or intermediate coder.

 

Features:

1.) Simple But Effective Code.
2.) Easy To Use And Quick To Load.
3.) Will Remove Blogger Official External JavaScript File And Also Internal JavaScript File.
4.) It Will Help The Blog To Quick The Load.
5.) It Will Convert JavaScript File And Code File Code In HTML Comment.

Explanation:

This tutorial is not real removing the code, but this tutorial is make that code is ignored by browser and not make blog JavaScript code replaced. It’s simply this tutorial is just converting that code to HTML comments, why HTML comments?, HTML comments is ignored by browser, because that I just converting but not removing, and this tutorial can effecting page speed score in Gtmetrix…..

How To Hide Blogger CSS?

1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To “Edit HTML“.
4.) Click In Blogger Code Box And Press [CTRL+F] To Find “</body>“.
5.) Now Copy The Below Code And Replace It With”</body>“.

&lt;!&#45;&#45;</body>&#45;&#45;&gt; &lt;/body&gt;


6.) Then Save Your Template.
7.)You're Finished...!!!

Checking:

Open your blog, then CTRL+U, if you found code like this:

<!--<script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('widgetJsBefore'); </script>
<script type="text/javascript" src="//www.blogger.com/static/v1/widgets/3115898655-widgets.js"></script>
<script type='text/javascript'>
// A Lot Of JavaScript Codes Goes On Here...
</script>
</body>-->

If you found that code in page source at the end and all the color of that is black, it means the javascript link and codes is ignored by browser and you're success and now your blog are free from external javascript and inbuilt official javascript files links that can make your blog loading time up.

You Like It, Please Share This Recipe With Your Friends Using...

14 Responses to “How To Remove/Hide Blogger Official Widgets JS In Your Custom Template?”

  1. laxman says:

    Thanks , i will try it today !

  2. It is a great post for every blog and for me. Obviously I want to say that this is very important post for learn. Thanks

    http://packersandmoversdelhi.5thin.com/

  3. Anonymous says:

    Really Great Information… It Helps me a Lot. I think You Will Post More About the Same…. i think you have more content related to the same topic.. ? if you have then please post more….

    By http://thetechie.info

    • EXEIdeas says:

      Welcome Here And Thanks For Liking This Post, We Will Surely Post Something New About It Later So Be With Us To Get That Also…

  4. Rishabh Jain says:

    Well dear Hassan i used the above trick but i got the green color instead of black, so is it still being bypassed or is there something wrong.

  5. iliyas shaikh says:

    i love you brother but in my template green color brother

  6. deady ady says:

    in my web not works sir, how about that?

Leave a Reply

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