Fix mixed content on your blog

If you turn on HTTPS for your blog, you may have to change your blog content to make sure it works with HTTPS.

Mixed Content errors occur when a webpage downloads its initial HTML content securely over HTTPS, but then loads the follow-up content (such as  images, videos, stylesheets, scripts) over insecure HTTP. These browser errors will degrade both HTTPS security and the user experience of your blog.

Mixed content can be caused by HTML markup or JavaScript content in:

• Theme source
• Post and page source
• Gadget source

Check your blog for mixed content errors

Use the latest version of Chrome.

1. (optional) Remove all non-Google gadgets from your blog.
2. On your browser, visit your blog using HTTPS.
3. At the top of your browser, click View > Developer > JavaScript Console.
4. Look for mixed content errors:
   • “Mixed Content: The page at 'https://<your-blog>.blogspot.com/' was loaded over HTTPS, but requested an insecure script 'http://<some-url>/script.js'. This request has been blocked; the content must be served over HTTPS.”
   • “Mixed Content: The page at 'https://<your-blog>.blogspot.com/' was loaded over HTTPS, but requested an insecure image 'http://<some-url>/image.jpg'. This content should also be served over HTTPS.”
5. Make a list of the blog address you are viewing, and any insecure URLs listed in the error messages.  
6. (optional) Re-add gadgets one at a time to your blog. Repeat steps 2–5, and note any new mixed content errors. 

Make sure to visit each page of your blog separately. Errors will show only for the page being viewed, not the blog as a whole. Make note of the errors you see, as well as whether the same problem URLs appear in errors for multiple blog pages. 

Fix mixed content errors on your blog

If the error only appears on one page

This likely means that the mixed content is in the source of one of your pages or posts.

1. On your blog’s dashboard, click Posts or Pages.
2. Use the list of blog addresses you made when you checked for mixed content. Find the post or page and click Edit.
3. In the top left, click HTML.
4. At the top of your browser, click More   Find...
5. Search for “http://”.
6. If you find any HTTP URLs inside HTML tag attributes (specifically in <img>, <video>, <audio>, <script>, or <link> tags), change "http://" to "https://".
7. Verify that each URL is available over HTTPS by putting it into a new window in your browser. If the HTTP and HTTPS link give the same result, then everything works.
8. In the top right, tap or click Publish, Save or Update. If the content has any errors, you’ll see them in the editor screen and the post or page won’t be saved yet.
9. Recheck your blog for mixed content to verify that the error is gone.

If the error appears on multiple pages

This likely means that the mixed content is in the source of one of your themes.

1. On your blog’s dashboard, click Theme.
2. Click Edit HTML.
3. Click the theme content, then press Ctrl + f (Windows) or Cmd + f (Mac).
4. Search for “http://”.
5. If you find any HTTP URLs inside HTML tag attributes (specifically in <img>, <video>, <audio>, <script>, or <link> tags), change "http://" to "https://".
6. Verify that each URL is available over HTTPS by putting it into a new window in your browser. If the HTTP and HTTPS link give the same result, then everything works.
7. Click Save theme.
8. Recheck your blog for mixed content to verify that the error is gone.

If there are still errors, these may be caused by one of the gadgets on your blog. Remove your non-Google gadgets, check your blog for mixed content, and re-add each gadget, to determine which gadget contains the mixed content.

To fix mixed content caused by gadgets:

1. Check the gadget markup or source, if that is available.
2. Remove the gadget from your blog.

For more help, search for your issue or post in the Blogger forum.

Avoid mixed content errors in the Blogger post editor

You can find mixed content in your posts and pages with the Blogger HTML editor:

1. Turn on HTTPS for your blog.
2. Open the Blogger editor by creating a new post or page or editing an existing post or page.
3. In the top left, tap or click HTML.
4. Make the changes you want to make.
5. In the top right, tap or click Publish, Save or Update. If the content has any errors, you’ll see them in the editor screen and the post or page won’t be saved yet.

Note: Dismissing errors will let you save your post or page as it is. Refreshing the page will show the errors again.