How to Fix Mixed Content Errors in Blogspot Blogger for Adsense Approval

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- 1 : The page at 'https://servicebloggers.com/' was loaded over HTTPS, but requested an insecure script 'http://servicebloggers/script.js' due to some back links, HTML/Java script links found to be in HTTP:// protocol. This request has been blocked; the content must be served over HTTPS.”

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.