Https blogger with custom domain

Everybody is leaving HTTP behind for HTTPS because of its secure connection.

WordPress users finds it very easy to do so because there is a plugin to help them do that perfectly.

While blogger blogs has been left behind.

What Is HTTPS?

HTTPS is an acronym for Hyper Text Transfer Protocol Secure and from that full meaning, you can agree with me that it is a secure encryption that prevents black hat hackers from getting information's like credit card informations, email address or other personal information's when input in a website like especially when you want to bank or shop online.

Benefits of HTTPS


  • Increases SERPs: Google has officially announced that HTTPS enablers sites are more preferred by then and so half of Google first page result are HTTPs.
  • Increases CTR: one thing is to get on the first page and another this is to increase your CTR. So internet inclined users would likely click on websites they know can give them protection.
  • Gives your blog a professional look: When you access Facebook or Twitter any top website, you will see a green padlock in the address bar. It would also be an honour if yours us made to be like that.
  • Increases the speed of your website


Now you have seen why you should really move to HTTPS. And first of all, for those who don't know, I will outline how to enable HTTPS on free domain with .blogspot.com extension.

Enable HTTPS On Blogger Free Domain

I wonder why you have not enabled HTTPS on your free domain yet. It is as simple as ABC...
Just follow the instruction below and withing two minutes you are done.

  1. Login to blogger dashboard
  2. Click on settings
  3. Click on basic
  4. HTTPS Redirect
  5. Yes


You are now done. You have successfully enabled HTTPS on your blogger free domain blog.

But did you know? That option is not available for those using custom domain name on blogger? So that has made it difficult to move to HTTPS if you are using custom domain name.

Since blogger does not support HTTPS on custom domain name, we will employ a third party to help us do so. It is called CloudFlare.

What is CloudFlare

CloudFlare is a company that provides content delivery, internet security and distributed domain name server. It is a mediator between the visitor and and the CloudFlare user's hosting provider.

That is to say that CloudFlare collects your contents from your hosting provider, then sends it faster and in a more secure way to your blog visitors.

Now that you have known what we are going to use (CloudFlare) and what it is let's move straight to business.

Moving To HTTPS On Custom Domain Blogger Blog

This is where our journey starts. And please note that one its not done the right way as stated in this tutorial, you might loose your blog. I tried this three times before I was able to Set it up.

If you think you can't handle it then I want you to know that I am free to help you out just for a token. Just visit my Contact page to see how to reach me or send me an email.

Sign up For CloudFlare

All you need to do here is visit https://CloudFlare.com then you sign up with your email and password as seen in the image below.
Sign up for cloudflare


Add Your Website To CloudFlare

After sign up on CloudFlare, the next thing to do is to add your website to CloudFlare using the www. prefix as seen in the image below then click scan DNS.
Add you website to cloudflare


Then wait for a few seconds till the countdown gets to zero then click "continue".

Verify DNS

Once you click "continue", your DNS records would be shown to you for verification. Most times the records are correct but you'd want to check for verification purposes after which you click "continue"


Choose CloudFlare Plan

CloudFlare plan ranges from a free plan that costs $0 for life to pro which costs $20/month then to Business which costs $200/month the to enterprise which costs $5000/month.
Don't worry, choose "free website". That plan will be more than enough. Then click " continue".


Replace Nameservers

CloudFlare wants you to replace your nameserver given to you by your domain registrar with the one they (CloudFlare) will generate for you.

This now depends on the domain registrar you are using. This tutorial is based on Godaddy though all domain registrars work alike.


Changing Nameserver On Godaddy

Visit www.Godaddy.com and sign in with your username and password

Go to my products and click on the domain name you want to change it's name server

Go to DNS management then click on Nameserver then on change

To choose your Nameserver type select default

Then replace with the Nameserver given to you by CloudFlare.

Activate Free HTTPS

Now your blog is close to been HTTPS encrypted.

All you need to do is scroll up then click "Crypto" and move to the SSL section and you should see "Full" by your right. Click on "Full" and change it to "Flexible".

You are 10% away from being done. All you need to do now is to create page rules.

Create Page Rules For Redirection

We need to activate page rules to redirect your blog pages from HTTP to HTTPS.

Go to " Page Rules" tab when you scroll to the top and click "Create Page Rule".

You need to create 3 page rules for the redirection to be complete and anything more than three, you are moving out from free plan. But the 3 Page rules will be OK.

First Page Rule

In the first text area (if the URL matches...)
write http://*bloggersjoint.com/*

In the second text area (Then the settings are)
Select " Always Use HTTPS"
First page rule on cloudflare

Second Page

If the URL matches : http://bloggersjoint.com/*

Then the settings are: select "Forwarding URL" and 301 - permanent Redirect.

Then the last text area write https://www.bloggersjoint.com/$1
Second page rule on cloudflare

Third Page Rule

If the URL matches:  https://bloggersjoint.com/*

Then the settings are: select "Forwarding URL" and 301 - permanent Redirect

The the last text area write https://www.bloggersjoint.com/$1
Third page rule on cloudflare


Note: replace www.bloggersjoint.com with the URL of your blogger blog.


Changing Security Options

Options Like I said earlier, CloudFlare offers your website security and prevent corrupt bots from gaining access to your website. But I bet you wouldn't want it to block anyone who wants to access your website. Hence, changing security options is recommended.

To change your security option, all you need to do is scroll up and locate  "Firewall" then on the security level tab click "Medium" then change it to "Low".

It should be ready by now. But if it dosent, before complaining, waith for at least 24 hours for the Nameserver to propagate fully.

Battling With Mixed Content?

Nothing good comes easy! So my dad said. So while changing to HTTPS from HTTP on your blogger blog you might experience some hitches called mixed content. Don't get scared about what you just heard because there must be a solution to everything. But before I point the solution to this problem, I will like to tell you more about mixed content.

What Is Mixed Content?

Mixed content occurs when an initial HTML is loaded over a secure HTTPS connection. 

How Do I Identify Mixed Contents?

If you ain't a savvy, it might be too difficult to identify mixed content on your website. Not as is it is too hard. LOL!😂😂

So to help you identify mixed content on your website, here are two things to do
  • Open a browser, type in the URL of your blog in the address bar using the https prefix. You will notice a padlock beside the address bar while its still loading. After loading, if you see a warning triangle encircling thatpadlock, then your blog is suffering from mixed content.

  • Visit your blog in a Chrome browser with the https prefix, press Ctrl + Shift + J on your keyboard then look for mixed content errors. If you find any, you need to work on your blog.
How To Fix Mixed Content

  • Log in to blogger dashboard
  • Click on "Theme" in the sidebar
  • Backup your Theme in case of mistakes
  • Click on edit HTML
  • The on your PC keyboard click Ctrl + f
  • Then search for http
  • You will see so many results
  • Change all http to https and save
That should solve the problem but if it doesn't, you may want to remove all gadgets and add them again.

What's next??
After moving to HTTPS on booger block with custom domain you need to do the few things below

  • Submit HTTPS version o your blog to google search console
  • Update your robot.txt

Https is very necessary because it proves to your blog readers that your blog is very secure for them to surf. It also helps you appear on SERPs as Google has made it a ranking factor. 

If you are having any problem moving your blogger blog to HTTPS  you should not forget to use the comment box below to inform me.

And do not forget to share this post with all bloggers on the blogger platform.

Post a Comment

 
Top