HTTPS Support for Blogspot Domains, Enable and Fix Errors

Today , we're happy to announce " HTTPS " version of this blog. From now you should use " HTTPS " version of our b...

Today, we're happy to announce "HTTPS" version of this blog. From now you should use "HTTPS" version of our blog instead of "HTTP". Yes, our blog still works if you open "HTTP" version of our blog but you should use "HTTPS" because it is more secure. Those who don't understand what I mean, please look take a look at above picture. It is for your good!

From now our blog link is:

https://tipricks.blogspot.com

Why should you use HTTPS?

Because it is secure. Which means that all communications between your browser and website are encrypted.
When it comes to search engine ranking, Google gives more importance to HTTPS sites than HTTP sites. Having a secure connection gives a stronger message to the search engine that you give importance to your site security.

• How To Submit Blogger Blog Sitemap To Google Webmaster Tools Without Any Generator?

Blogger is forcing its users to use HTTPS versions of their blogs, (from late April) that's why I have to use https version. Well, it is for our good because now you and your data will be encrypted and safe!

How to  enable HTTPS SSL certificate in Blogger

Roughly, a basic SSL certificate costs about $10/year for each site. Luckily, blogger offers a free SSL solution to its blogger users. 
Unfortunately, blogs with custom domains do not support this feature only free domains can have free SSL certificates. So if you are on a free domain you must have to enable this feature for your blog, to make your blog more secure for you visitors.

1. To enable https, sign into your blogger account, and select the blog in which you would like to enable this feature.
2. Go to Settings >> Basics >> HTTPS Settings.
3. In HTTPS Availability, select YES.

Now your blog has a unique SSL certificate which will provide an extra layer of security to your free blogs. Now go and open your BlogSpot blog with https:// and enjoy free SSL support from blogger. You can add SSL support to all your blogger blogs for FREE, no matter how much you have blogs.

Problems by enabling HTTPS!

As we all know that many people have enabled this feature on free blogs, but they are facing multiple functionality issues and the most common problem they are facing is of mixed content errors occasionally from their template, gadgets, or blog post content. And now, we will show you How to Fix mixed content errors in BlogSpot Blog.

What are mixed content errors?

Mixed content error occurs when a blog or site is initially secured by HTTPS certificate but it contain both secure HTTPS and nonsecure HTTP content (such as images, videos, links, scripts, styles sheets, and gadgets etc). This browser error will cause degradation in your site performance, security issues and would affect the user experience of your blog. And finally, your blog ranking in search engines fall badly.

In Blogger, mixed content issues can be caused by the HTML content in:

1. Template source code
2. Post and Page source code
3. Layout gadget source code

How to check the blog for mixed content errors?

1. Open your browser (we recommend Google Chrome), visit your blog using HTTPS protocol i.e. https://<yoursite>.blogspot.com.
2. When your blog is loaded completely, go to Tools >> Developer >> Console 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.

"Mixed Content: The page at 'https://tipricks.blogspot.com/' was loaded over a secure connection, but contains a form which targets an insecure endpoint 'http://feedburner.google.com/fb/a/mailverify'. This endpoint should be made available over a secure connection"

Now check the link and search where it is. As this link shows that it is in the mail verifying box. so when I open the gadget the link is here as shown below:

You can see in highlighted link that it contains HTTP so change it into https and your problem solved.

Fix Mixed Content Errors in Blogger Gadgets:

As you seen above, the gadget contain the HTTP link, change it with https will solve your problem. what you need to do for this. op your gadgets one by one and press Ctrl+F and search for HTTP:, then all HTTP links will be highlighted change them all with HTTPS link.

You may like to read:

• How Can You Create a Free Blog by Using Blogger
• How to Manage Basic Settings in Blogger Dashboard

Fix Mixed Content Errors on your Blogger Template:

It means that mixed content errors are appearing on multiple pages and is most probably caused by either your template or gadgets, follow below instructions to remove them.

1. Go to Blogger >> Template >> Edit HTML >> and search for http:// 
2. If you are able to find any http:// link replace it with https://
3. Before saving, verify if each like is available over HTTPS by opening that linking into a new window or tab of your browser. If both HTTP and HTTPS links are giving you the same results, then you are good to click Save Template.

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 or page and press Edit link.
2. Now revert to the HTML Tab, look for http:// and change it with https://
3. Verify each HTTPS link by opening it in a new browser window to see if the content matches non-HTTPS link. After the verification, click Update to save the post or page.

Update to Blogger Post Editor to Fix Mixed Content:

Blogger has announced on 19th April 2016, that they have an update to the Blogger post editor to help with mixed content. Which means you can fix mixed content in just one click on your posts and pages. 

1. Edit a post, revert to HTML Tab and press Update. 
2. If the editor detects any errors they will be shown above the editor, along with the option to fix the errors found.
   
3. After fixing the errors, again press the Update button. 

Hope this tutorial helped all BlogSpot users in removing all mixed content error from your different Gadgets, Template, posts, and pages in blogger. This method can also be applied to custom domains if your domain has an SSL certificate. Let us know if you have a better way to fix these errors in the comment below.

This article "HTTPS Support for Blogspot Domains, Enable and Fix Errors" is protected by