How to Remove CSS, JavaScript, and Blogger Bundle Widget
How to Remove CSS, JavaScript, and Blogger Bundle Widget - By deleting CSS, JavaScript, and Blogger Bundle Widgets is one of the optimizations to speed up blog loading by hiding CSS, JavaScript, and Bundle default bloggers that will be loaded automatically when the blog is opened.
Of course having a blog with a fast loading will make visitors more comfortable and will be easier again for Search engines to crawl your blog. For example when you CSS, Javascript, and Bundle Widget default blogger when checked on Google PageSpeed Insight then the warning will appear as follows.
To solve this problem we need to edit some HTML tags in the blog template so that the CSS, Javascript, and Blogger Bundle default Bundle widgets are no longer auto-loaded on the blog.
Warning: By doing these tips I will share this most of the default widgets blogger will not work properly, so backup the template first before doing this optimization.
To Remove CSS, Javascript, and Blogger Bundle Widgets, you can immediately follow some of the steps below.
1. Go to Blogger >> Select Themes >> select Edit HTML
2. Find the code <head> and replace it with the following code:
3. Then look for <b:skin><![CDATA[ replace with the following code:
4. Next look for code ]]></b:skin>, replace with code:
5. Then find the code </head>, replace with code:
6. Next step find the code </body>, then replace with code:
7. Find again <html> code then replace with code:
8. Last look for code </html>, replace with code:
9. Done, then Save theme (click refresh if a popup alert appears from the Blogger page)
How, Quite easy is not it? Please check the blog on Google PageSpeed Insight. If it has increased then the steps above successfully applied to your blog. I myself have done the above optimization on this blog.
Can we know that blog speed data will be updated every week, so wait at least one week then check back his blog address to find out changes in the Speed PageSpeed Insight field.
As for the effects given after doing the above optimization, here are some improvements I made on this blog :
Blog pager
Please add or edit the CSS blog pager in the template
Contact form
The send button from the contact form widget usually will not work as before, please add this code after the contact form's HTML code (Special widget contact form added on the static page)
Note :Replace all code marked with your blog URL and ID
Similarly, this article I've shared about How to Delete CSS, Javascript, and Blogger Bundle Widgets. Hopefully with this short enough article, can be useful and good luck.
Of course having a blog with a fast loading will make visitors more comfortable and will be easier again for Search engines to crawl your blog. For example when you CSS, Javascript, and Bundle Widget default blogger when checked on Google PageSpeed Insight then the warning will appear as follows.
To solve this problem we need to edit some HTML tags in the blog template so that the CSS, Javascript, and Blogger Bundle default Bundle widgets are no longer auto-loaded on the blog.
Warning: By doing these tips I will share this most of the default widgets blogger will not work properly, so backup the template first before doing this optimization.
To Remove CSS, Javascript, and Blogger Bundle Widgets, you can immediately follow some of the steps below.
How to Remove CSS, JavaScript, and Blogger Bundle Widget
1. Go to Blogger >> Select Themes >> select Edit HTML
2. Find the code <head> and replace it with the following code:
<head>
3. Then look for <b:skin><![CDATA[ replace with the following code:
<style type="text/css">
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
4. Next look for code ]]></b:skin>, replace with code:
</style>
5. Then find the code </head>, replace with code:
</head><!--<head/>-->
6. Next step find the code </body>, then replace with code:
<!--</body>--></body>
7. Find again <html> code then replace with code:
<HTML expr:dir='data:blog.languageDirection'>
8. Last look for code </html>, replace with code:
</HTML>
9. Done, then Save theme (click refresh if a popup alert appears from the Blogger page)
Note : Speed data is updated every week, and optimization results are stored in the cache for 30 seconds. To see an updated optimization analysis, please wait 30 seconds before running the test again.
Can we know that blog speed data will be updated every week, so wait at least one week then check back his blog address to find out changes in the Speed PageSpeed Insight field.
Some improvements After Removing CSS, Javascript, and Blogger Bundle Widgets
As for the effects given after doing the above optimization, here are some improvements I made on this blog :
Blog pager
Please add or edit the CSS blog pager in the template
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center}
Contact form
The send button from the contact form widget usually will not work as before, please add this code after the contact form's HTML code (Special widget contact form added on the static 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'] = '7342017194742683056';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3262812267322750366','//khalistablog.blogspot.com/','3262812267322750366');
_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': '3262812267322750366', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>
Note :Replace all code marked with your blog URL and ID
Similarly, this article I've shared about How to Delete CSS, Javascript, and Blogger Bundle Widgets. Hopefully with this short enough article, can be useful and good luck.
Post a Comment for "How to Remove CSS, JavaScript, and Blogger Bundle Widget"
Provide comments relevant to the posted articles and provide critiques and suggestions for the progress of the blog