Cara Menghapus Blogger Widget Javascripts dengan Mudah

Remove Blogger Theme Widget Js & Over Weight Javascripts Easily

Cara Menghapus Blogger Widget Javascripts dengan Mudah
Blogger default injected javascript & widget.js have been in every Blogger theme developer & designer nightmare -- poor blog pages performance.

Blogger platform have improved tremendously & ever since the release of the responsive Blogger themes, new operators have been integrated for users to use with their themes.

Earlier, Blogger users uses HMTL hacks to remove injected Blogger widget.js & javascripts -- this can be daunting for new users who are about learn to customize their themes.

Out with the old & in with the new, here's the simple & super easy way to remove or disable Blogger widgets.js, including other related overweight javascripts injected by default with/on any blog pages for Blogger platform.

Disable Blogger Theme Widget Javascript widget.js without hack super easy

What Happens if widget.js Removed?


  1. Blogger widgets that relies on widget.js custom functions is un-usable.
  2. Contact form functions is disabled.
  3. Blogger dashboard + layout + posts/pages integrated functionalities disabled.
  4. Some widgets styled by javascript is not available.


Why Disable Blogger Injected widget.js & Blogger Theme Javascripts?


  1. You want to start a custom Blogger theme from scratch.
  2. Works great when developing custom plugins for your theme projects.
  3. Reduce injected assets to your blog page - reduce page weight & quicker page display
  4. Remove reported warnings by 3rd party webpage performance inspectors due to adhesive javascripts injections.

Cara Menghapus Blogger Widget Javascripts dengan Mudah

Here's how you can achieve this, without hacking your Blogger Theme element tags in Theme > Edit HTML panel. Backup your theme before proceeding...


  1. Go to Theme
  2. Select Edit HTML 

Find below:-

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' ....>

Add the b:js='false' attribute with the <html> tag at the start of your theme so it will look like so:-

<html b:js='false' b:version='2' class='v2' expr:dir='data:blog.languageDirection' ... >

Click Save Theme
Refresh your blog pages & use "View Page Source" or F12 to view your page HTML & the results.

Note: Individual widgets which uses its own javascripts does not honor this b:js tag, You may need to remove your widgets manually -- if necessary.

Blog Pager CSS

#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}

Kode Contact Form 

<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'] = '7342017194742683056';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7342017194742683056','//www.arlinadzgn.com/','7342017194742683056');
_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': '7342017194742683056', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

Post a Comment

0 Comments