Free Software & Template Full Tutorial.

Showing posts with label SEO. Show all posts
Showing posts with label SEO. Show all posts

Monday, September 17, 2018

How to delete CSS, Javascript, and Blogger Bundle Widgets

How to delete CSS, Javascript, and Blogger Bundle Widgets
The following tips are requests from bloggers via the contact form asking how to delete CSS, Javascript, and Blogger Bundle Widgets on the template? Actually this method has a lot of sharing, but there is nothing wrong if this time Arlina Design shares these tips.

Why do you have to delete CSS, Javascript, and Blogger Bundle Widgets?

Removing CSS, Javascript, and Blogger Bundle Widgets is one of the optimizations to speed up blog loading by hiding CSS, Javascript, and blogger default Bundle Widgets that will automatically load when the blog is opened. For example if we check the blog on Google PageSpeed ​​Insight , a warning will appear.
Of course, having a blog with fast loading will make visitors more comfortable and even easier for search engines to crawl your blog. Well, to overcome this problem we have to edit some HTML tags in the blog template so that the default CSS, Javascript, and Bundle Widget code is no longer automatically loaded on the blog.
Warning: By doing tips that I will share this, most of the default blogger widgets won't work properly, so backup the template before doing this optimization.
If it's ready, please follow the steps below.

How to delete CSS, Javascript, and Blogger Bundle Widgets

Open Blogger > Click the Theme menu > Click the Edit HTML button then find the opening code for the head below


Change with the code below


Next look for this code to hide CSS Reset


Change with the code below

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>

Search for this code


Change with the code below


Next to the head cover code, look for this code


Change with the code below


The next step is to cover the body code, find this code


Change with the code below


Is it still advanced? Okay, there are still two more. Now in the HTML opening and closing code, look for this 

code HTML opening code


Change with the code below

<HTML expr:dir='data:blog.languageDirection'>

HTML closing code


Change with the code below


Well, it's done! Then click the Save theme button (click refresh if a warning popup appears from the Blogger page). How, easy enough isn't it? Please check your blog on Google PageSpeed ​​Insight . If it has increased then the steps above are successfully applied to your blog. 

I myself have done the optimization above on this blog, for the results you can check this link

Speed ​​data is updated every week, and optimization results are stored in cache for 30 seconds. To see an updated optimization analysis, please wait for 30 seconds before restarting the test.

We can know that the blog speed data will be updated every week, so wait at least one week then check the blog address again to find out the changes in the Speed ​​PageSpeed ​​Insight column.

Some improvements After Removing CSS, Javascript, and Blogger Bundle Widgets

As for the effects given after doing the optimization above, here are some improvements that I made on this blog 

Blog pager

Please add or edit the CSS blog pager on the template


Contact form

The send button from the contact form widget will usually not work as before, please add this code after the HTML form of the contact code (Special contact form widget added on the static page)

<script src="" type="text/javascript"></script>
<script type="text/javascript">

if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '
7342017194742683056';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//\x3d7342017194742683056','//','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': ''}, 'displayModeFull'));


Replace all codes marked with your URL and blog ID . Read more here: The Latest Ways to Add Contact Forms on the Blog

That's the answer to the bloggers' questions about How to Delete CSS, Javascript, and Blogger Bundle Widgets . Hopefully useful and cautious.

Overcoming the decrease in blog traffic due to the Google Core Algorithm

Overcoming the decrease in blog traffic due to the Google Core Algorithm
If you experience a decrease in traffic on your blog this week, one of the causes may be due to the effect of being affected by Google Core . Therefore, it's good for you to read more about the following Google Core Algorithm Update .

In some information yesterday, Google made sure it was updating the Google Core algorithm earlier this week.

Google has confirmed rumors that a search algorithm update took place a few days ago. The existence of the update algorithm does not inevitably make some sites may even increase rankings in search engines or vice versa, instead experiencing a decrease in traffic that clearly has a negative impact. 

You need to know, that basically Google always makes improvements in various lines. Every time Google updates, there will definitely be a positive and negative impact on one or more changes whose purpose is of course to increase results with a high level of relevance. 

Some are focused around certain improvements. In fact, when viewed from the impact it causes.

As I said above, this week, Google is releasing the Core algorithm update. Gradually, Google does it several times regularly every year. 

It was clearly confirmed by Google through posting on Twitter that it was releasing "Core algorithm update" since Monday. Scara clearly Google says it is "routine" updates throughout the year and is referenced to follow up on previous Core updates. 

Google also explained that the real impact of this annual Core search update caused some websites to be affected, whether deindex, or just a decrease in rankings. Last week Google's top ranking, this week could have been freefall.

In general, Google says to continue to improve the quality of your site as a whole, and the next time Google continues to strive to be consistent with this update. 

The following is Google's statement regarding the Google Core update that I have stated above:

On Monday, we released a broad core algorithm update, as we routinely sdo throughout the year. For background and advice about these, see our tweet from last month.
Like other update release events, some sites may experience adverse effects or profits. There is nothing wrong with the webpage that you have today. Please observe the changes and immediately make improvements.

Overcoming the decrease in blog traffic due to the Google Core Algorithm

The following are some tips to overcome the Google Core algorithm update:

  • Stay focused on fixing less good content
  • Make the content more fresh and have good quality
  • Avoid creating content with a small number of letter characters
  • Avoid black hat SEO
  • Remove low quality backlinks
  • Use responsive design / mobile friendly templates

Tips to overcome the Core Algorithm update above in accordance with what I understand, based on the nature of the initial purpose of the existence of the Google algorithm is made. If the tips are too simple, that's what I know. You can find other references. The more you read, the more benefits you will get. 

At least that's some summary. Overcoming the decrease in blog traffic due to the Google Core Algorithm . Hopefully useful and cautious.

How to Deal with Leverage Browser Caching on Blogger

How to Deal with Leverage Browser Caching on Blogger
The problem that often appears faced by bloggers is the speed of the site. the problem arises because of several things like optimize images, minify javascript and leverage browser caching. Now on this occasion Arlina Design will share how to overcome browser leverage caching on Blogger ?

This problem is often encountered when we check the speed of the blog through the GTMetrix or Google PageSpeed ​​Insights tool Because browser caching leverage is also one of the determinants of blog loading speed, the faster the blog loading, the higher the blog traffic. An example of leverage browser caching is like the picture below when I check the site on Google PageSpeed ​​Insights
Simply put Leverage browser caching functions to set the expiration date or the maximum age of HTTP / HTTPS headers that are directly related to source code such as CSS, Javascript and static images. So instruct the browser to load the Source Code that has been downloaded earlier from local storage.

How to Deal with Leverage Browser Caching on Blogger

Step One, to overcome browser caching leverage, open the Blogger Dashboard then select Theme> Click the Edit HTML button and add the code below just below <head>

<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>

Once added, save the theme. 

For WordPress users, you can use this code. Access the .htaccess file on the Public Html WordPress web hosting and add the code below

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"

Usually takes approximately one week after installation, then check the site again at GTMetrix or Google PageSpeed ​​Insights
That is one way to speed up loading your blog, by having a good blog speed it will be able to add blog traffic. 

Thus, How to Overcome Browser Caching Leverage on Blogger, hopefully useful. Wassalam.
This is just an example, you can fill it later with your own note.