Enable HTTPS on Blogger Blog with custom Domain (in 3 Easy steps)

With the release of Google’s recent update, Chrome browser will mark all non-https sites as not secure. Also, in a recent news, Google has cleared that HTTPS is another factor it will take into consideration while showing search results. Search engines like Google prefer a secure site while showing search results. In this article, I have discussed a complete guide on how to enable HTTPS on Blogger blog with custom domain. Also, this article will help you fix some errors (like the mixed content error) after switching to HTTPS.

Use of HTTPS (HyperText Transfer Protocol Secure)

HTTPS i.e. Hypertext transfer protocol secure is the secured version of HTTP. It was established to secure online transaction & user data (like passwords & credit card numbers). Almost all the e-commerce site use HTTPS to protect user data from hackers. Since due to Google’s recent updates HTTPS is now necessary for all small & big websites.

Even if you have your own blog, you should enable HTTPS on your blog in order to give users a secure experience. Everyone wants to stay on a secure website, so it highly impacts your bounce rate too.

Enable HTTPS on Blogger Blog with Custom Domain : How to setup ssl in Blogger?

Points to keep in mind before enabling HTTPS on Blogger Blog

Few points you should keep in mind before enabling HTTPS on Blogger blog.

  • You may lose some traffic for a few days. This is so because Google takes some time to re-index all your URL’s with HTTPS.
  • You will get some mixed content error on your Themes HTML, which you have to fix. (Discussed Below)
  • You need to submit your site to Google Search Console again with HTTPS. (Discussed Below)
  • You need to re-submit your Sitemap to Google Search Console. (Discussed Below)

How to enable HTTPS on Blogger Blog with Custom Domain?

You can easily enable HTTPS on your Blogspot blog by following these 3 easy steps:

Step 1: Visit Basic Settings in your Blogspot Blog

In the first step, you need to visit your Blogger Dashboard. Now, visit the following settings: Blogger Dashboard >> Settings >> Basic. In Basic, just below Publishing section, you can see an HTTPS section. Follow the below screenshot:

Enable HTTPS on Blogger Blog with Custom Domain : How to setup ssl in Blogger?

Here we need to make some changes in the HTTPS section in order to enable HTTPS on Blogger blog with custom domain. Follow Step 2 to turn ON the HTTPS availability.

Step 2: Turn HTTPS Availability ON

In the second step, you have to turn ON the HTTPS availability for your Blog. Under the Basic section turn ON HTTPS by selecting HTTPS availability as Yes. Follow the below screenshot for the detailed guide:

Enable HTTPS on Blogger Blog with Custom Domain : How to setup ssl in Blogger?

It may take up to 5 minutes for HTTPS availability to be turned ON. In some exceptional cases, it may take up to an hour. All you need to do is to refresh the Setting page after 5 minutes. Follow Step 3.

Step 3: Turn HTTPS Redirect ON

After waiting for 5 to 10 minutes HTTPS availability will be turned ON as shown in below screenshot. Now you need to turn ON the HTTPS redirect so that visitors of your site will always redirect to secure connection. Similar to Step 2, turn HTTPS redirect ON by selecting Yes just after HTTPS redirect. Follow the below screenshot:

Enable HTTPS on Blogger Blog with Custom Domain : How to setup ssl in Blogger?

After the HTTPS redirect is turned ON, you can visit your blog and experience HTTPS on your blog. Since we have completed the setup of HTTPS on our Blogger blog. Now its time to fix some errors caused due to HTTPS.

How to Fix Mixed Content Error?

Since you have enabled HTTPS on Blogger blog. Now if someone visits your blog/website, then the browser may show your initial HTML content. This type of error is called mixed content error.

The mixed content error can be caused by HTML stylesheets or javascript content in your Blogspot theme & third-party widgets. Follow the below steps to fix mixed content errors.

Step 1: Visit your Theme’s HTML

In order to fix mixed content error into your blog, you have to make some changes to your theme HTML. First, visit your theme HTML via the following settings: Blogger Dashboard >> Themes >> Edit HTML. Follow the below screenshot:

Enable HTTPS on Blogger Blog with Custom Domain : How to setup ssl in Blogger?

Now, you need to simply click on Edit HTML. (Be sure to back up your Blogspot theme before making any change in it)

Step 2: Search for http://

Once you visit your theme HTML, you will see a long piece of HTML code. You have to search for Http:// into your Blogspot theme just by pressing Ctrl + F. Follow the below screenshot for better results.

Enable HTTPS on Blogger Blog with Custom Domain : How to setup ssl in Blogger?

Step 3: Replace all http:// with https://

Since you have found all the non-https links into your theme HTML. Now you have to change all http:// links to https:// link. After doing this the mixed content error will be resolved.

Since you have successfully fixed all the mixed content errors. Now you have to add your new https:// site into Google Search Console. Also, you have to submit the sitemap for your site again. Follow the below steps:

Add your HTTPS site to Google Search Console:

If you have previously added your site to the Google Search Console, then it’s time to resubmit your site. It is so because you have previously added your non-https site in Search Console. If you don’t add your new site into Google Search Console, then Google shows your site without https in search results which may impact your site SEO score.

Follow the below steps to add your new site into Google Search Console:

Step 1: Visit Google Search Console

In the first step, you have to login into your Google Search Console account. Use your google account to login. After successful login, you have to click on ADD A PROPERTY. Follow the below snapshot:

Step 2: Add your site with HTTPS

After you click on ADD A PROPERTY, a new popup window will open up. Here you need to enter your site with https (e.g. https://harishjoshi.com). Follow the below screenshot for more details.

Enable HTTPS on Blogger Blog with Custom Domain : How to setup ssl in Blogger?

After entering your property (sites URL), you have to click on Add. That’s it, now your new URL is successfully added to Google Search Console. Adding your website into search console isn’t enough. You have to submit the sitemap for this new URL.

Enable HTTPS on Blogger Blog with Custom Domain : How to setup ssl in Blogger?

Follow the below guide to submit the sitemap for your new site into Google Search Console.

Submit sitemap for your New Site into Google Search Console:

In the last step, you have added your https site into Google Search Console. Now its time to submit the sitemap for your site. It is the last and easiest step in the complete process to enable https on Blogger blog with custom domain.

Step 1: Visit Sitemap

In the first step, you have to visit your Google Search Console Dashboard. In the left side under Crawl section, Click on Sitemap. After visiting the above settings, you have to click on ADD/TEST SITEMAP.

Enable HTTPS on Blogger Blog with Custom Domain : How to setup ssl in Blogger?

Step 2: Add Sitemap

In this step, you have to add your sitemap into the popup that opens just after you hit ADD/TEST SITEMAP. You can also take the help of the below screenshot.

Enable HTTPS on Blogger Blog with Custom Domain : How to setup ssl in Blogger?

Sitemap for Blogspot Users !!

If you have less than or equal to 500 posts in your Blogspot blog, then you can add the below sitemap after your URL into Step 2.

atom.xml?redirect=false&start-index=1&max-results=500

If you have more than 500 posts (or less than 1000), you have to add an extra sitemap as quoted below.

atom.xml?redirect=false&start-index=501&max-results=1000

In this way, you can easily add the sitemap for your new https blog into Google Search Console. Since we have completed all the steps. Now its time to summarize the complete post.

Conclusion

In the above-detailed guide, we have discussed how to enable https on Blogger blog with custom domain, how to fix mix content error & how to resubmit your site into Google Search Console. Following the above guide, you can easily enable https with a custom domain on your blogger blog.

I have tried to clear all your doubts in this tutorial. If you still need any help, you can ask your questions in the comment box. Appreciate my efforts by sharing this post. ❤

Check Out: Add PayPal Donate Button to Blogger & make supplementary income

44 Comments

  1. Great information! I’m a new blogger and trying to get everything set up is hard when you don’t know what your doing. I found this post very helpful, thank you!

  2. I turned on the Https on my wordpress blog and all my social share counts disappeared, and my traffic info on Google analytics. It feels like I’m starting a new blog. But it’s all good.
    Thanks for the info.

  3. Very helpful post for bloggers as many new people struggle to move from http to https for lack of knowledge and understanding. Steps you have shared should be really helpful.

  4. Thanks for such a detailed post! I think this will be so helpful for so many website owners to make their website more trustworthy and protected.

    • You can further fix mix content errors & if you’ve not yet submitted your https version to Google Search Console, then you can also do so. And, thanks for your comment!

  5. HARISH! I need your help! can you teach me on how can I get a free domain website and also how can I customized comment form in blogspot I need you message me regarding this thanks for advance!

    Maysz 🙂

  6. Thanks for this helpful guide. There were so many things I did not know about before reading this! Great information here!

  7. I turned HTTPS Availability & Redirect ON. When I try to change http:// to https:// in my theme, it won’t let me save it. Any ideas?

Leave a Reply

Your email address will not be published. Required fields are marked *

Get a Free Consultation Today!

Need a professional website and better visibility? I can help! Contact me now to see how I can improve your online presence.

Hi, I’m Harish Joshi — a digital marketer and web developer by profession. I help small businesses enhance their online presence through my digital marketing and development services. Connect with me at [email protected] for a free consultation.

© 2024 Harish Joshi – All Rights Reserved