Blogger migration to domain does not load

Question

I have a blog on blogger with., bought a domain and is already set (pointed), but look what is happening.

Website WITHOUT domain:

Website WITH domain:

Could someone explain to me what’s going on and if it’s normal?

Answer 1

Opening your page On the Chrome console I received the following errors:

Refused to execute script from 'https://sites.google.com/site/3f2x4a/1/jquery.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
Refused to execute script from 'https://sites.google.com/site/3f2x4a/1/bootstrap.min.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
Refused to execute script from 'https://sites.google.com/site/3f2x4a/1/bootstrap-select.min.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
Uncaught ReferenceError: $ is not defined
Refused to execute script from 'https://sites.google.com/site/3f2x4a/test/boostrap-blog.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
Uncaught ReferenceError: AddFilm is not defined
Can't Load URL: The domain of this URL isn't included in the app's domains. To be able to load this URL, add all domains and subdomains of your app to the App Domains field in your app settings.

What happens is that you uploaded the files .js from Bootstrap and jQuery to this Google Sites address that is serving resources with Content-Type: text/html and X-Content-Type-Options: nosniff. This combination of headers is effectively telling your browser not to open these files as if they were Javascript.

To fix the problem you can use jQuery and Bootstrap versions hosted on a CDN or any server for this type of thing. Examples:

• jQuery at Google CDN
• Bootstrap at Maxcdn

I would also recommend moving any other features hosted on today sites.google.com (style Sheets, images, etc) for own services for hosting, thus avoiding later problems.