Affiliate Links Notice

This website uses affiliate links as a means of generating revenue.

However, we do not recommend products and services that we believe will not be of interest to you.

We make it a point to recommend products and services that we like, and express our honest opinions about them regardless of an affiliate relationship with the products, goods, and services being recommended.

Balkeni Studio is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com, Inc or its affiliates.

To know more about the use of affiliate links on this website please read our terms and conditions.

Blogger Tutorial: Switching To HTTPS from HTTP

Thursday, 26 September 2019

switch from http to https on blogger blog


In a previous post, I wrote about the importance of using HTTPS on your blog.

Today, I'm writing to give you a tutorial for your blog that is hosted on blogger.com and the tutorial is all about switching from HTTP to HTTPS in a manner that is doesn't affect your blog traffic, confuse Google and make a hot mess out of your otherwise, fine and amazing blog or website.

Blogger has always aimed to make it easier for bloggers to achieve the guidelines it gives to bloggers and site owners. For example, a very easy way to nofollow links, a customisable platform, and when it was finally time for HTTPS, blogger helped by allowing users to just make two clicks and have access to free SSL and thus HTTPS.

Fun Fact : I love how blogger simplifies things, in fact, I love the blogger platform and I think it's really a good option for bloggers and even some service-based creative individuals. I use it myself.


But, the problem with large scale changes such as these is that they won't be without problems of their own.

how to switch from http to https on a blogger.com blog


It is, as I mentioned before, important to keep in mind that such large scale changes also come with their own set of problems, and ones that came with the adoption of HTTPS in early 2016 was that most blogs that were using third-party scripts and widgets, experienced a lot of "content unavailable" errors when being served over SSL.

WARNING : It should be kept in mind that switching from HTTP to HTTPS can cause incompatible third-party widgets and scripts to break.


So let's get into the step by step way to prepare for the switch and that actually make it on your blogger blog.

01. Prepare for the switch from HTTP to HTTPS 


One of the first things I'd like you to do is find out whether your theme's external widgets (that are not from Blogger) support HTTPS. If you're running an old theme, chances are it won't support many scripts and you'll see a lot of content that doesn't load anymore because of it, or you'll see mixed content issues.

I wish I could tell you what script is causing the problem but with so many templates out there I couldn't exactly pinpoint what's wrong with yours unless I know more about it. Feel free to leave a comment (without leaving a link in the actual comment that you need help).

Make a list of all widgets and codes your theme uses that don't support HTTPS, and know that these might not work or cause problems when you switch. Ask your script developer if they plan to support HTTPS and can help you integrate it.

02. Make The Switch



  • Now,  head over to Settings in your blogger dashboard. 
  • From there, click Basic 
  • And under HTTPS select "Yes" for both the options.

To match, here's what your settings should look like:

your blogger settings should look like this


That's it, you should see HTTPS working in about 24 hours for your blog. Usually, it happens sooner, but I still recommend giving it 24 hours before you decide that something is wrong and you need to troubleshoot it.

03. Making changes in Google Webmasters


Every time a URL changes Google and most search engines view it as a new URL, so by switching to HTTPS it's like your website is brand new. 

But we don't want that, because well, that's bad for our search presence. So, you'll go to Google Webmaster/Search Console and add all your site versions:

  • Starting with HTTP (both www and non-www versions)
  • Starting with HTTPS (both www and non-www versions)

And then, you'll set the preference to the HTTPS version, this lets Google know that while both domain names are yours and of the same site, you prefer the HTTPS version over HTTP.


04. Updating your Google Analytics


If you are using Google analytics, and chances are that you are. You'll need to update your websites address there too.


  • Head on to over to Google Analytics
  • Click on Admin
  • Navigate to Property Settings
  • Change the default URL to "https://
Make sure the settings are saved and you are done. 

That's it, this is how you can properly switch from HTTP to HTTPS on your blogger blog.

Troubleshooting HTTPS Issues


Sometimes, you HTTPS availability might get, what you may call "stuck" and that's not normal.

If you're not seeing HTTPS working on your blog even after the 24 hour period is over, here's what you can do to troubleshoot:

  • Check whether your domain is set-up properly.
  • Uninstall or remove Cloudflare if you have that enabled on your blog.
  • Reset your custom domain on blogger.
  • Turn off HTTPS and wait a day or two before turning it back on.

Usually, this will fix the issue. But if it's still not working, please feel free to leave a comment below (don't add your website link in the comment section, instead use your google account or name and URL so I can get in touch with you).


Mixed Content Issues


Once you get your site to load over HTTPS but there is still some content being served over HTTP you will not mixed content issues.

The only way to combat this is to find what content is being served over HTTP and to fix it. 

INFO : If you need me to solve and fix their mixed content issues. I charge my hourly rate of $75/hour for all tech work. If you'd like me to help you fix this, please feel free to get in touch.



I hope this tutorial has helped you and please feel free to leave comments and questions down below if you are stuck somewhere or just need more help in making sense of things.

If you know of someone that could benefit from reading this blog post, feel free to share it with them!

And if possible, please consider donating if you can, so that I may be able to continue with creating tutorials and blog posts such as these. It is my mission to be able to provide as much information as possible about blogger blogs to dispell some really nasty myths out there, and your donation really does make a difference!

Now, if there is a certain tutorial that is not yet on this website or a blog post topic you'd like to hear more about, feel free to send in a request and I'll guarantee you that I'll write on it.

You can even follow my blog or subscribe to receive the latest blog posts directly to your inbox so that you never miss a post. 

2 comments

  1. Thank you for this tutorial! I'm finally getting around to doing it. I'm stuck at the Google Webmasters sections where it says to set the https version as your preference. I don't see where to do this and when I searched the help section it says you can't do this for https and need to set up a 301 redirect. Ahhh?!! Help!! Do I need to do this?

    ReplyDelete
    Replies
    1. Hi Sara, you're welcome! Let me know if you have any other blogger tutorial requests.

      As far as your Google Webmasters goes, this setting is not available in the Search Console (new version) and you will have to go back to the classic version to set this and then revert back to the new one.

      You should have an e-mail from Google Webmasters about some "messages" it must be an old one, if you can find that you can easily go to the classic version. But anyway, do you see both versions i.e. HTTP and HTTPS of your domain in Search Console? If yes, Google is already considering them as the same.

      Hope this helps and let me know if there's anything else. Happy to help! :)

      Delete