What are Mixed Content Errors?
Mixed content errors occur when a web page is initially secured
by SSL but it contains both secure HTTPS and non secure HTTP content (such as
images, links, videos, advertisements, back links). This error will cause
degradation in your site performance, security issues and many times blog will
be temporarily down not accessible for readers.
In Blogger mixed content issues can be caused by the HTTP Protocol which are found in:
1. Template
Source code
2. Post
and Page source code
3. Layout
gadget HTML/JAVA script source code
How to Check your Blog for Mixed Content Errors?
1. Open
your browser (Preferably Google Chrome), visit your blog using HTTPS protocol
i.e. https://www.servicebloggers.com.
2. Once
your blog is loaded completely, go to More Tools >> Developer Tools (CTRL+SHIFT+I) or
use this shortcut CTRL + SHIFT + J to open the JavaScript
console.
3. Now in
the console look for mixed content errors similar to the one we have below.
Ex- 2 : The
page at 'https://servicebloggers.com/' was loaded over HTTPS, but requested an
insecure image under protocol HTTP. 'http://1.bg.servicebloggers/image.jpg'.
This content should also be served over HTTPS.”
Fix Mixed Content Errors on your Blogger Template, HTML/Java
Scripts:
It means that mixed content errors is appearing on multiple
pages and is most probably caused by either your template, images or gadgets,
follow below instructions to remove them.
1. Go
to Blogger >> Template >> Edit HTML >> and
press CTRL+F and look for http://
2. If you
are able to find any http:// link replace it with https://
3. Now go
through all this Template Source code, Post and Page source code, Layout gadget
HTML/JAVA script source code using CTRL+F and replace every-thing as per point
2.
4. Before
saving, verify if each link is available over HTTPS by opening that link into a
new window or tab of your browser. If HTTPS links are visible to you, then you
are good to go. Then click Save Template.
5. For HTML/JAVA Script go
to Blogger >> Layout >> Edit each
HTML/Javascript type gadget and replace all http:// links with https://. Verify
if the https:// links are working correctly and then press Save.
Fix Mixed Content Errors on your Posts & Pages:
This means that mixed content errors are in the source code of
one of your posts or pages that you need to edit from the blogger
post editor.
1. Go to Blogger
Dashboard >> select any of your post and click Edit link.
2. Now
click the HTML Tab, look for http:// and change it
to with https://
3. After the verification, click Update to
save the post
4. The
same way follow the steps 1 to 3 for pages also. After fixing the errors, click
the Update button.
I hope this has helped all blog users in removing all mixed
content error from your different posts and pages in blogger. This method can be
applied to custom domains as well, if your domain has an SSL certificate. Last
post i gave a step by step guide on Removing error message using new blogger, let me know if you have any other errors and
better way of fixing those errors in the comment below.
No comments:
Post a Comment